Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[3 In 1] Fancybox ( Tin nhắn + xem ảnh + Đăng nhập ) .....

Trang 7 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7

  • Please log in to post a topic

  • Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3744
    Points : 11230
    Birthday : 21/02/1991
    Thanks : 4729
    Đến từ : Hà Nội

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :1

    Đăng vào:on 11/9/2012, 16:43

    Administrator
    First topic message reminder :

    Demo:


    Mô tả
    lấy từ nguồn
    ToxiGeek!
    bất kì chỗ nào có form đăng nhập hay trên thanh Nav mặc định khi ấn vào đều có form fancybox hiện ra
    xem ảnh fancybox + tin nhắn fancy
    Và dùng được cho cả 4 phiên bản


    Cách làm :
    MODULES >> HTML & JAVASCRIPT
    Javascript codes management : Tạo 1 js mới :

    Title * : Fancybox 3 in 1
    Placement : In all the pages
    Javascript Code * :
    Code:
    // Tipo de fancyBox: "all" o "images"
    var typefancyBox='all';
     
    eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1.2(\'<g h="i" j="3://4-5.6.7/8/9/0/a-b.0" c="d/0" />\\n\');1.2(\'<e k="3://4-5.6.7/8/9/f/a-b-\'+l+\'.f" c="d/m"></e>\\n\');',24,24,'css|document|write|http|scripts|giobanii|googlecode|com|svn|trunk|forumotion|facybox|type|text|script|js|link|rel|stylesheet|href|src|typefancyBox|javascript|'.split('|'),0,{}))

    Tiếp theo vào css thêm đoạn code này :
    Code:

    .fancybox-tmp iframe,.fancybox-tmp object {
    vertical-align:top;
    margin:0;
    padding:0;
    }

    .fancybox-wrap {
    position:absolute;
    top:0;
    left:0;
    z-index: 999;
    }

    .fancybox-outer {
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin:0;
    padding:0;
    }

    .fancybox-opened {
    z-index: 999;
    }

    .fancybox-opened .fancybox-outer {
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    box-shadow:0 10px 25px rgba(0,0,0,0.5);
    }

    .fancybox-inner {
    width:100%;
    height:100%;
    position:relative;
    outline:0;
    overflow:hidden;
    margin:0;
    padding:0;
    }

    .fancybox-error {
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:10px;
    }

    .fancybox-image,.fancybox-iframe {
    display:block;
    width:100%;
    height:100%;
    border:0;
    vertical-align:top;
    margin:0;
    padding:0;
    }

    .fancybox-image {
    max-width:100%;
    max-height:100%;
    }

    #fancybox-loading {
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-21px;
    margin-left:-21px;
    width:42px;
    height:42px;
    background:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb10.gif);
    opacity:.8;
    cursor:pointer;
    z-index: 999;
    }

    .fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb10.png);
    }

    .fancybox-close {
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    cursor:pointer;
    z-index: 999;
    }

    .fancybox-prev,.fancybox-next {
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    background:transparent url(http://www.9xstudio.biz/users/2012/10/88/45/album/blank110.gif);
    z-index: 999;
    }

    .fancybox-next {
    right:0;
    }

    .fancybox-prev span,.fancybox-next span {
    position:absolute;
    top:50%;
    left:-9999px;
    width:36px;
    height:36px;
    margin-top:-18px;
    cursor:pointer;
    z-index: 999;
    }

    .fancybox-prev span {
    background-position:0 -36px;
    }

    .fancybox-next span {
    background-position:0 -72px;
    }

    .fancybox-prev:hover span {
    left:20px;
    }

    .fancybox-next:hover span {
    left:auto;
    right:20px;
    }

    .fancybox-tmp {
    position:absolute;
    top:-9999px;
    left:-9999px;
    overflow:visible;
    visibility:hidden;
    padding:0;
    }

    #fancybox-overlay {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:999;
    background:#000;
    }

    .fancybox-title-float-wrap {
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:999;
    text-align:center;
    }

    .fancybox-title-float-wrap .child {
    display:inline-block;
    margin-right:-100%;
    background:rgba(0,0,0,0.8);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap;
    padding:2px 20px;
    }

    .fancybox-title-outside-wrap {
    position:relative;
    margin-top:10px;
    color:#fff;
    }

    .fancybox-title-inside-wrap {
    margin-top:10px;
    }

    .fancybox-title-over-wrap {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background:rgba(0,0,0,.8);
    padding:10px;
    }

    #fancybox-buttons {
    position:fixed;
    left:0;
    width:100%;
    z-index: 999;
    }

    #fancybox-buttons.top {
    top:10px;
    }

    #fancybox-buttons.bottom {
    bottom:10px;
    }

    #fancybox-buttons ul {
    display:block;
    width:170px;
    height:30px;
    list-style:none;
    -webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
    -moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
    background:#111 0 0 50% 50% 100%;
    border-radius:3px;
    margin:0 auto;
    padding:0;
    }

    #fancybox-buttons ul li {
    float:left;
    margin:0;
    padding:0;
    }

    #fancybox-buttons a {
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background-image:url(http://www.9xstudio.biz/users/2012/10/88/45/album/fancyb11.png);
    background-repeat:no-repeat;
    outline:0;
    }

    #fancybox-buttons a.btnPrev {
    width:32px;
    background-position:6px 0;
    }

    #fancybox-buttons a.btnNext {
    background-position:-33px 0;
    border-right:1px solid #3e3e3e;
    }

    #fancybox-buttons a.btnPlay {
    background-position:0 -30px;
    }

    #fancybox-buttons a.btnPlayOn {
    background-position:-30px -30px;
    }

    #fancybox-buttons a.btnToggle {
    background-position:3px -60px;
    border-left:1px solid #111;
    border-right:1px solid #3e3e3e;
    width:35px;
    }

    #fancybox-buttons a.btnToggleOn {
    background-position:-27px -60px;
    }

    #fancybox-buttons a.btnClose {
    border-left:1px solid #111;
    width:38px;
    background-position:-57px 0;
    }

    #fancybox-buttons a.btnDisabled {
    opacity:.5;
    cursor:default;
    }

    .fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title {
    visibility:visible;
    }

    .iconPlayer {
    background:url(http://www.9xstudio.biz/users/2012/10/88/45/album/play-o10.png) no-repeat scroll center center transparent;
    left:140px;
    opacity:.8;
    position:absolute;
    margin-top:85px;
    z-index:99;
    padding:40px!important;
    }

    .fancyimg-fmvi {
    cursor:0;
    }

    #tooltip .tiplFMvi {
    border-bottom:2px dotted #ddd;
    padding-bottom:5px;
    margin-bottom:5px;
    }

    #tooltip {
    max-width:550px;
    position:absolute;
    border-radius:3px;
    color:#000;
    z-index:99;
    border:1px solid #ddd;
    font:12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    background:#fff url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);
    padding:0;
    }

    .entry-content img {
    max-width:350px;
    }
    Xong yêu thế
    nguồn : [You must be registered and logged in to see this link.]



    Được sửa bởi Chupy ngày 6/3/2014, 00:24; sửa lần 3.

    #1 - Posted on 11/9/2012, 16:43

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.]
    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên

    bullove

    bullove

    Group: Member

    Hiện đang:
    Bài viết : 119
    Points : 120
    Birthday : 12/01/1992
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :151

    Đăng vào:on 10/7/2013, 18:01

    Member
    seeeeeeeeeeeeeeeeee

    #151 - Posted on 10/7/2013, 18:01
    Xem lý lịch thành viên

    7love

    7love

    Group: Member

    Hiện đang:
    Bài viết : 26
    Points : 26
    Birthday : 15/02/1992
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :152

    Đăng vào:on 11/7/2013, 17:30

    Member
    cười nhăn răng

    #152 - Posted on 11/7/2013, 17:30
    Xem lý lịch thành viên

    dấu12

    dấu12

    Group: Member

    Hiện đang:
    Bài viết : 24
    Points : 22
    Birthday : 19/03/1995
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :153

    Đăng vào:on 11/7/2013, 19:56

    Member
    &gt;1234 &gt;1234

    #153 - Posted on 11/7/2013, 19:56
    Xem lý lịch thành viên

    jacklagger

    jacklagger

    Group: Moderagerator

    Hiện đang:
    Bài viết : 408
    Points : 1148
    Birthday : 08/01/1995
    Thanks : 672
    Đến từ : http://a1family.forumvi.com/

    Moderagerator
    Xem lý lịch thành viên http://a1family.forumvi.com/

    Moderagerator
    Bài viết thứ :154

    Đăng vào:on 11/7/2013, 23:30

    Moderagerator
    @@

    #154 - Posted on 11/7/2013, 23:30
    Xem lý lịch thành viên http://a1family.forumvi.com/

    Khách

    Khách

    Group: Member

    Hiện đang:
    Bài viết : 295
    Points : 538
    Birthday : 26/05/1991
    Thanks : 211
    Đến từ : Một Nơi Nào Đó Trên Đất Nước VN . . .

    Member
    Xem lý lịch thành viên http://teenroon.forumvi.com/

    Member
    Bài viết thứ :155

    Đăng vào:on 20/7/2013, 16:53

    Member
    xem 1234 1234 1234 1234 1234 1234

    #155 - Posted on 20/7/2013, 16:53
    Xem lý lịch thành viên http://teenroon.forumvi.com/

    qu0cthangprovip95

    qu0cthangprovip95

    Group: Member

    Hiện đang:
    Bài viết : 205
    Points : 233
    Birthday : 03/09/1995
    Thanks : 20

    Member
    Xem lý lịch thành viên http://www.thptmdc.com

    Member
    Bài viết thứ :156

    Đăng vào:on 30/7/2013, 05:53

    Member
    xem

    #156 - Posted on 30/7/2013, 05:53
    Xem lý lịch thành viên http://www.thptmdc.com

    gimm

    gimm

    Group: Member

    Hiện đang:
    Bài viết : 157
    Points : 171
    Birthday : 11/11/1993
    Thanks : 4

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :157

    Đăng vào:on 5/8/2013, 10:29

    Member
    nicee

    #157 - Posted on 5/8/2013, 10:29
    Xem lý lịch thành viên

    zzfalbeszz2000

    zzfalbeszz2000

    Group: Member

    Hiện đang:
    Bài viết : 121
    Points : 131
    Thanks : 6

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :158

    Đăng vào:on 4/9/2013, 17:39

    Member
    a

    #158 - Posted on 4/9/2013, 17:39
    Xem lý lịch thành viên

    skyder1995

    skyder1995

    Group: Member

    Hiện đang:
    Bài viết : 84
    Points : 84
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :159

    Đăng vào:on 4/9/2013, 17:45

    Member
    dsa

    #159 - Posted on 4/9/2013, 17:45
    Xem lý lịch thành viên

    nhoxbeco41

    nhoxbeco41

    Group: Member

    Hiện đang:
    Bài viết : 185
    Points : 199
    Birthday : 02/02/1998
    Thanks : 0

    Member
    Xem lý lịch thành viên http://www.cntt-k3.biz

    Member
    Bài viết thứ :160

    Đăng vào:on 5/10/2013, 19:03

    Member
    xem

    #160 - Posted on 5/10/2013, 19:03
    Xem lý lịch thành viên http://www.cntt-k3.biz

    anhoang_qn

    anhoang_qn

    Group: Member

    Hiện đang:
    Bài viết : 394
    Points : 483
    Thanks : 60

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :161

    Đăng vào:on 15/10/2013, 08:54

    Member
    ?

    #161 - Posted on 15/10/2013, 08:54
    Xem lý lịch thành viên

    lightman

    lightman

    Group: Member

    Hiện đang:
    Bài viết : 58
    Points : 62
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :162

    Đăng vào:on 18/10/2013, 20:41

    Member
    xem

    #162 - Posted on 18/10/2013, 20:41
    Xem lý lịch thành viên

    nkoc_dt0

    nkoc_dt0

    Group: Member

    Hiện đang:
    Bài viết : 132
    Points : 136
    Birthday : 01/03/1995
    Thanks : 4
    Đến từ : Việt Nam

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :163

    Đăng vào:on 4/3/2014, 21:11

    Member
    xxxxxxxxxxxxxxxxxxxxxxx

    #163 - Posted on 4/3/2014, 21:11
    Xem lý lịch thành viên

    µasaw

    µasaw

    Group: Member

    Hiện đang:
    Bài viết : 6
    Points : 6
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :164

    Đăng vào:on 1/9/2015, 02:45

    Member
    ôm một cái ôm một cái ôm một cái ôm một cái ôm một cái

    #164 - Posted on 1/9/2015, 02:45
    Xem lý lịch thành viên

    Anonymos

    Anonymos

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 221
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :165

    Đăng vào:on 15/5/2016, 08:17

    Member
    thanks

    #165 - Posted on 15/5/2016, 08:17
    Xem lý lịch thành viên

    Anonymos

    Anonymos

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 221
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :166

    Đăng vào:on 15/5/2016, 08:19

    Member
    thanks

    #166 - Posted on 15/5/2016, 08:19
    Xem lý lịch thành viên

    Anonymos

    Anonymos

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 221
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :167

    Đăng vào:on 15/5/2016, 08:20

    Member
    thanks

    #167 - Posted on 15/5/2016, 08:20
    Xem lý lịch thành viên

    Anonymos

    Anonymos

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 221
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :168

    Đăng vào:on 15/5/2016, 08:21

    Member
    thanks

    #168 - Posted on 15/5/2016, 08:21
    Xem lý lịch thành viên

    Anonymos

    Anonymos

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 221
    Thanks : 1

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :169

    Đăng vào:on 15/5/2016, 08:24

    Member
    thanks

    #169 - Posted on 15/5/2016, 08:24
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :170

    Đăng vào:Today at 09:24

    #170 - Posted Today at 09:24

    Trang 7 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | Internet | Lập trình | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs
    YOUR BANNER HERE
    728x90