Đư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 3 trong tổng số 7 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7  Next

  • 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

    Cún Còi

    Cún Còi

    Group: Member

    Hiện đang:
    Bài viết : 132
    Points : 183
    Thanks : 23

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

    Member
    Bài viết thứ :51

    Đăng vào:on 26/9/2012, 08:34

    Member
    like a

    #51 - Posted on 26/9/2012, 08:34
    Xem lý lịch thành viên

    vaitanpro

    vaitanpro

    Group: Member

    Hiện đang:
    Bài viết : 205
    Points : 210
    Thanks : 3

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

    Member
    Bài viết thứ :52

    Đăng vào:on 26/9/2012, 19:55

    Member
    depf

    #52 - Posted on 26/9/2012, 19:55
    Xem lý lịch thành viên

    dejanpetrus

    dejanpetrus

    Group: Member

    Hiện đang:
    Bài viết : 273
    Points : 321
    Birthday : 13/04/1990
    Thanks : 48

    Member
    Xem lý lịch thành viên http://www.mkd-satelite.forummk.com

    Member
    Bài viết thứ :53

    Đăng vào:on 26/9/2012, 22:31

    Member
    zem

    #53 - Posted on 26/9/2012, 22:31
    Xem lý lịch thành viên http://www.mkd-satelite.forummk.com

    Chiến Thương

    Chiến Thương

    Group: Member

    Hiện đang:
    Bài viết : 173
    Points : 241
    Thanks : 18

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

    Member
    Bài viết thứ :54

    Đăng vào:on 29/9/2012, 13:25

    Member
    xem

    #54 - Posted on 29/9/2012, 13:25
    Xem lý lịch thành viên

    mrkunvl

    mrkunvl

    Group: Member

    Hiện đang:
    Bài viết : 120
    Points : 147
    Birthday : 02/03/1996
    Thanks : 27

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

    Member
    Bài viết thứ :55

    Đăng vào:on 29/9/2012, 13:48

    Member
    xem

    #55 - Posted on 29/9/2012, 13:48
    Xem lý lịch thành viên http://wjb.com.cn

    anhdausai

    anhdausai

    Group: Member

    Hiện đang:
    Bài viết : 347
    Points : 596
    Birthday : 17/03/1990
    Thanks : 182

    Member
    Xem lý lịch thành viên http://www.teenlythuongkiet.net/forum

    Member
    Bài viết thứ :56

    Đăng vào:on 3/10/2012, 12:41

    Member
    cười nhăn răng

    #56 - Posted on 3/10/2012, 12:41
    Xem lý lịch thành viên http://www.teenlythuongkiet.net/forum

    Guest

    Guest

    Group: Khách viếng thăm

    Hiện đang:

    Khách viếng thăm
    Bài viết thứ :57

    Đăng vào:on 5/10/2012, 15:58

    xem

    #57 - Posted on 5/10/2012, 15:58

    tatran0195

    tatran0195

    Group: Member

    Hiện đang:
    Bài viết : 220
    Points : 223
    Thanks : 7

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

    Member
    Bài viết thứ :58

    Đăng vào:on 5/10/2012, 17:56

    Member
    xem

    #58 - Posted on 5/10/2012, 17:56
    Xem lý lịch thành viên

    sondtdd

    sondtdd

    Group: Member

    Hiện đang:
    Bài viết : 145
    Points : 276
    Birthday : 08/04/1989
    Thanks : 133

    Member
    Xem lý lịch thành viên http://truongson.us.to

    Member
    Bài viết thứ :59

    Đăng vào:on 6/10/2012, 11:28

    Member
    fsd

    #59 - Posted on 6/10/2012, 11:28
    Xem lý lịch thành viên http://truongson.us.to

    Hoàng Long Nhật Bảo

    Hoàng Long Nhật Bảo

    Group: Member

    Hiện đang:
    Bài viết : 245
    Points : 387
    Birthday : 05/05/1995
    Thanks : 84

    Member
    Xem lý lịch thành viên http://gôgle.co.kr

    Member
    Bài viết thứ :60

    Đăng vào:on 6/10/2012, 13:14

    Member
    PHPBB3
    PHPBB2
    PuBB
    Insoves

    #60 - Posted on 6/10/2012, 13:14
    Xem lý lịch thành viên http://gôgle.co.kr

    KháchViếngThăm

    KháchViếngThăm

    Group: Member

    Hiện đang:
    Bài viết : 91
    Points : 108
    Thanks : 5

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

    Member
    Bài viết thứ :61

    Đăng vào:on 6/10/2012, 13:19

    Member
    đang bận điện thoại

    #61 - Posted on 6/10/2012, 13:19
    Xem lý lịch thành viên

    chantroiay

    chantroiay

    Group: Member

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

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

    Member
    Bài viết thứ :62

    Đăng vào:on 6/10/2012, 13:30

    Member
    cảm ơn nhiều

    #62 - Posted on 6/10/2012, 13:30
    Xem lý lịch thành viên

    Jinnie

    Jinnie

    Group: Member

    Hiện đang:
    Bài viết : 207
    Points : 252
    Thanks : 11

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

    Member
    Bài viết thứ :63

    Đăng vào:on 7/10/2012, 08:17

    Member
    hay quá

    #63 - Posted on 7/10/2012, 08:17
    Xem lý lịch thành viên

    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ứ :64

    Đăng vào:on 7/10/2012, 23:34

    Member
    xem : )

    #64 - Posted on 7/10/2012, 23:34
    Xem lý lịch thành viên http://www.thptmdc.com

    vientaycu

    vientaycu

    Group: Member

    Hiện đang:
    Bài viết : 290
    Points : 339
    Thanks : 35

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

    Member
    Bài viết thứ :65

    Đăng vào:on 8/10/2012, 11:30

    Member
    xem

    #65 - Posted on 8/10/2012, 11:30
    Xem lý lịch thành viên

    resconam

    resconam

    Group: Member

    Hiện đang:
    Bài viết : 101
    Points : 110
    Thanks : 3

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

    Member
    Bài viết thứ :66

    Đăng vào:on 9/10/2012, 07:52

    Member
    nhòm

    #66 - Posted on 9/10/2012, 07:52
    Xem lý lịch thành viên

    Cười cái coi CCC

    Cười cái coi CCC

    Group: Moderagerator

    Hiện đang:
    Bài viết : 526
    Points : 817
    Thanks : 195

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

    Moderagerator
    Bài viết thứ :67

    Đăng vào:on 14/10/2012, 19:49

    Moderagerator
    aaaaaaaaaaaaa

    #67 - Posted on 14/10/2012, 19:49

    __________________________________________________________________________________________

    LASPERPEN

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

    web.huy52

    web.huy52

    Group: Member

    Hiện đang:
    Bài viết : 355
    Points : 529
    Thanks : 26

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

    Member
    Bài viết thứ :68

    Đăng vào:on 14/10/2012, 21:17

    Member
    up

    #68 - Posted on 14/10/2012, 21:17
    Xem lý lịch thành viên

    web.huy52

    web.huy52

    Group: Member

    Hiện đang:
    Bài viết : 355
    Points : 529
    Thanks : 26

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

    Member
    Bài viết thứ :69

    Đăng vào:on 16/10/2012, 07:22

    Member
    up

    #69 - Posted on 16/10/2012, 07:22
    Xem lý lịch thành viên

    dang0123

    dang0123

    Group: Member

    Hiện đang:
    Bài viết : 191
    Points : 224
    Thanks : 23
    Đến từ : trời

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

    Member
    Bài viết thứ :70

    Đăng vào:on 16/10/2012, 12:56

    Member
    xem

    #70 - Posted on 16/10/2012, 12:56
    Xem lý lịch thành viên

    AnHung

    AnHung

    Group: Designs Skin

    Hiện đang:
    Bài viết : 590
    Points : 1460
    Birthday : 04/01/1993
    Thanks : 742
    Đến từ : BMT

    Designs Skin
    Xem lý lịch thành viên http://www.anhung.info

    Designs Skin
    Bài viết thứ :71

    Đăng vào:on 18/10/2012, 20:07

    Designs Skin
    xem nào

    #71 - Posted on 18/10/2012, 20:07
    Xem lý lịch thành viên http://www.anhung.info

    itdemon.net

    itdemon.net

    Group: Member

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

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

    Member
    Bài viết thứ :72

    Đăng vào:on 18/10/2012, 20:09

    Member
    anh

    #72 - Posted on 18/10/2012, 20:09
    Xem lý lịch thành viên

    vovanan

    vovanan

    Group: Member

    Hiện đang:
    Bài viết : 291
    Points : 363
    Thanks : 24

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

    Member
    Bài viết thứ :73

    Đăng vào:on 20/10/2012, 14:32

    Member
    aaaa

    #73 - Posted on 20/10/2012, 14:32
    Xem lý lịch thành viên

    nokiax2

    nokiax2

    Group: Member

    Hiện đang:
    Bài viết : 194
    Points : 193
    Thanks : 3

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

    Member
    Bài viết thứ :74

    Đăng vào:on 20/10/2012, 18:37

    Member
    xem

    #74 - Posted on 20/10/2012, 18:37
    Xem lý lịch thành viên

    qaszxc

    qaszxc

    Group: Member

    Hiện đang:
    Bài viết : 16
    Points : 20
    Birthday : 01/02/1997
    Thanks : 2

    Member
    Xem lý lịch thành viên http://nguyentrai.tk

    Member
    Bài viết thứ :75

    Đăng vào:on 22/10/2012, 11:37

    Member
    xem

    #75 - Posted on 22/10/2012, 11:37
    Xem lý lịch thành viên http://nguyentrai.tk

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :76

    Đăng vào:Today at 13:00

    #76 - Posted Today at 13:00

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

    Đ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 | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs
    YOUR BANNER HERE
    728x90