Đư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 5 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

    ngochanh

    ngochanh

    Group: Member

    Hiện đang:
    Bài viết : 214
    Points : 379
    Birthday : 24/04/1981
    Thanks : 151

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

    Member
    Bài viết thứ :101

    Đăng vào:on 4/1/2013, 09:41

    Member
    xem

    #101 - Posted on 4/1/2013, 09:41
    Xem lý lịch thành viên http://www.nhaccuatui.com

    ๖ۣۜKudo ๖ۣۜKun

    ๖ۣۜKudo ๖ۣۜKun

    Group: Member

    Hiện đang:
    Bài viết : 10
    Points : 11
    Thanks : -1

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

    Member
    Bài viết thứ :102

    Đăng vào:on 4/1/2013, 15:41

    Member
    like

    #102 - Posted on 4/1/2013, 15:41
    Xem lý lịch thành viên

    Kelbin

    Kelbin

    Group: Member

    Hiện đang:
    Bài viết : 295
    Points : 447
    Birthday : 18/01/1998
    Thanks : 122

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

    Member
    Bài viết thứ :103

    Đăng vào:on 7/1/2013, 15:41

    Member
    xem

    #103 - Posted on 7/1/2013, 15:41
    Xem lý lịch thành viên http://www.cntt-k3.biz

    sonlapro123456

    sonlapro123456

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 249
    Thanks : 3

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

    Member
    Bài viết thứ :104

    Đăng vào:on 7/1/2013, 15:43

    Member
    like

    #104 - Posted on 7/1/2013, 15:43
    Xem lý lịch thành viên http://itviet.5forum.net

    Ừ•Anh Ngốc

    Ừ•Anh Ngốc

    Group: Member

    Hiện đang:
    Bài viết : 121
    Points : 151
    Thanks : 18

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

    Member
    Bài viết thứ :105

    Đăng vào:on 9/1/2013, 11:06

    Member
    xem

    #105 - Posted on 9/1/2013, 11:06
    Xem lý lịch thành viên

    nhoken

    nhoken

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 342
    Birthday : 14/09/1990
    Thanks : 80

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

    Member
    Bài viết thứ :106

    Đăng vào:on 9/1/2013, 11:55

    Member
    tks

    #106 - Posted on 9/1/2013, 11:55
    Xem lý lịch thành viên http://bomb.forumvi.com/forum

    FakeAdmin

    FakeAdmin

    Group: Moderagerator

    Hiện đang:
    Bài viết : 322
    Points : 423
    Thanks : 93
    Đến từ : Bất cứ đâu có thể

    Moderagerator
    Xem lý lịch thành viên http://zdzone.bforum.biz/

    Moderagerator
    Bài viết thứ :107

    Đăng vào:on 9/1/2013, 16:24

    Moderagerator
    xem

    #107 - Posted on 9/1/2013, 16:24
    Xem lý lịch thành viên http://zdzone.bforum.biz/

    vuthaihung82

    vuthaihung82

    Group: Member

    Hiện đang:
    Bài viết : 45
    Points : 46
    Thanks : 1

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

    Member
    Bài viết thứ :108

    Đăng vào:on 10/1/2013, 16:16

    Member
    thank

    #108 - Posted on 10/1/2013, 16:16
    Xem lý lịch thành viên

    doannamthai

    doannamthai

    Group: Member

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

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

    Member
    Bài viết thứ :109

    Đăng vào:on 11/1/2013, 18:37

    Member
    hay thế

    #109 - Posted on 11/1/2013, 18:37
    Xem lý lịch thành viên

    phongpy009

    phongpy009

    Group: Member

    Hiện đang:
    Bài viết : 156
    Points : 173
    Thanks : 3

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

    Member
    Bài viết thứ :110

    Đăng vào:on 13/1/2013, 10:58

    Member
    xem

    #110 - Posted on 13/1/2013, 10:58
    Xem lý lịch thành viên

    junalone

    junalone

    Group: Member

    Hiện đang:
    Bài viết : 254
    Points : 336
    Birthday : 01/01/1994
    Thanks : 84

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

    Member
    Bài viết thứ :111

    Đăng vào:on 13/1/2013, 11:06

    Member
    xem nào

    #111 - Posted on 13/1/2013, 11:06
    Xem lý lịch thành viên http://www.vnsweetdream.com

    xuantinpro

    xuantinpro

    Group: Member

    Hiện đang:
    Bài viết : 135
    Points : 156
    Thanks : -1

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

    Member
    Bài viết thứ :112

    Đăng vào:on 13/1/2013, 13:24

    Member
    ôm một cái

    #112 - Posted on 13/1/2013, 13:24
    Xem lý lịch thành viên

    Bắp

    Bắp

    Group: Member

    Hiện đang:
    Bài viết : 149
    Points : 161
    Birthday : 17/02/1992
    Thanks : 12

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

    Member
    Bài viết thứ :113

    Đăng vào:on 28/2/2013, 19:05

    Member
    xem

    #113 - Posted on 28/2/2013, 19:05
    Xem lý lịch thành viên

    c4vnet

    c4vnet

    Group: Member

    Hiện đang:
    Bài viết : 112
    Points : 134
    Thanks : 20

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

    Member
    Bài viết thứ :114

    Đăng vào:on 2/3/2013, 16:18

    Member
    view

    #114 - Posted on 2/3/2013, 16:18
    Xem lý lịch thành viên

    TopDragon

    TopDragon

    Group: S.mod

    Hiện đang:
    Bài viết : 494
    Points : 706
    Birthday : 05/03/1998
    Thanks : 202
    Đến từ : TPHCM

    S.mod
    Xem lý lịch thành viên http://truefriends.123.st

    S.mod
    Bài viết thứ :115

    Đăng vào:on 12/3/2013, 23:19

    S.mod
    like !!

    #115 - Posted on 12/3/2013, 23:19
    Xem lý lịch thành viên http://truefriends.123.st

    minhphong_9x

    minhphong_9x

    Group: Member

    Hiện đang:
    Bài viết : 198
    Points : 223
    Birthday : 18/12/1994
    Thanks : 27

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

    Member
    Bài viết thứ :116

    Đăng vào:on 21/3/2013, 20:24

    Member
    ?

    #116 - Posted on 21/3/2013, 20:24
    Xem lý lịch thành viên http://a2maikhongquen.tk/

    ღ๖ۣۜKool๖ღ

    ღ๖ۣۜKool๖ღ

    Group: S.mod

    Hiện đang:
    Bài viết : 555
    Points : 753
    Thanks : 86

    S.mod
    Xem lý lịch thành viên

    S.mod
    Bài viết thứ :117

    Đăng vào:on 21/3/2013, 20:28

    S.mod
    dc

    #117 - Posted on 21/3/2013, 20:28
    Xem lý lịch thành viên

    Jiimbo

    Jiimbo

    Group: Member

    Hiện đang:
    Bài viết : 85
    Points : 88
    Birthday : 19/09/1990
    Thanks : 3

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

    Member
    Bài viết thứ :118

    Đăng vào:on 24/3/2013, 13:19

    Member
    merci !

    #118 - Posted on 24/3/2013, 13:19
    Xem lý lịch thành viên

    Cognition

    Cognition

    Group: Member

    Hiện đang:
    Bài viết : 71
    Points : 75
    Thanks : 4

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

    Member
    Bài viết thứ :119

    Đăng vào:on 24/3/2013, 19:22

    Member
    yêu thế

    #119 - Posted on 24/3/2013, 19:22
    Xem lý lịch thành viên

    thanh2013

    thanh2013

    Group: Member

    Hiện đang:
    Bài viết : 237
    Points : 253
    Thanks : 16

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

    Member
    Bài viết thứ :120

    Đăng vào:on 25/3/2013, 08:40

    Member
    s

    #120 - Posted on 25/3/2013, 08:40
    Xem lý lịch thành viên

    f0resw0w

    f0resw0w

    Group: Member

    Hiện đang:
    Bài viết : 75
    Points : 73
    Thanks : 2

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

    Member
    Bài viết thứ :121

    Đăng vào:on 26/3/2013, 04:46

    Member
    aver

    #121 - Posted on 26/3/2013, 04:46
    Xem lý lịch thành viên

    manhcuongpc

    manhcuongpc

    Group: Member

    Hiện đang:
    Bài viết : 176
    Points : 185
    Birthday : 02/02/1991
    Thanks : 3

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

    Member
    Bài viết thứ :122

    Đăng vào:on 29/3/2013, 20:16

    Member

    #122 - Posted on 29/3/2013, 20:16
    Xem lý lịch thành viên

    admon

    admon

    Group: Member

    Hiện đang:
    Bài viết : 64
    Points : 64
    Birthday : 17/03/1998
    Thanks : 0

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

    Member
    Bài viết thứ :123

    Đăng vào:on 7/4/2013, 09:40

    Member
    ád

    #123 - Posted on 7/4/2013, 09:40
    Xem lý lịch thành viên

    chubexinh

    chubexinh

    Group: Member

    Hiện đang:
    Bài viết : 362
    Points : 449
    Birthday : 13/10/1997
    Thanks : 45

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

    Member
    Bài viết thứ :124

    Đăng vào:on 8/4/2013, 16:44

    Member
    xemmmmmmmmmmmmmmm

    #124 - Posted on 8/4/2013, 16:44
    Xem lý lịch thành viên http://teennet.forumvi.com

    HUNTER_CITY

    HUNTER_CITY

    Group: Member

    Hiện đang:
    Bài viết : 135
    Points : 170
    Thanks : 19

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

    Member
    Bài viết thứ :125

    Đăng vào:on 23/4/2013, 15:20

    Member
    xem

    #125 - Posted on 23/4/2013, 15:20
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :126

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

    #126 - Posted Today at 13:01

    Trang 5 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

    Forumotion.com | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs.com
    YOUR BANNER HERE
    728x90