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

    ChimSeDiMua

    ChimSeDiMua

    Group: Member

    Hiện đang:
    Bài viết : 223
    Points : 354
    Birthday : 03/04/1995
    Thanks : 125

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

    Member
    Bài viết thứ :26

    Đăng vào:on 15/9/2012, 15:47

    Member
    .

    #26 - Posted on 15/9/2012, 15:47
    Xem lý lịch thành viên http://totien106.us.to

    tuancfno05

    tuancfno05

    Group: S.mod

    Hiện đang:
    Bài viết : 555
    Points : 755
    Thanks : 140
    Đến từ : http://vn-answer.123.st/

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

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

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

    S.mod
    xem

    #27 - Posted on 15/9/2012, 19:19

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.] or [You must be registered and logged in to see this link.] - diễn đàn mình đóa ! ai rãnh thì ủng hộ nhoa acquy acquy
    Xem lý lịch thành viên http://vn-answer.123.st/

    phamlegiabao

    phamlegiabao

    Group: Member

    Hiện đang:
    Bài viết : 397
    Points : 422
    Thanks : 11

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

    Member
    Bài viết thứ :28

    Đăng vào:on 15/9/2012, 21:17

    Member
    ljkljk

    #28 - Posted on 15/9/2012, 21:17
    Xem lý lịch thành viên

    KeLangThang

    KeLangThang

    Group: Member

    Hiện đang:
    Bài viết : 21
    Points : 26
    Thanks : 1

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

    Member
    Bài viết thứ :29

    Đăng vào:on 15/9/2012, 21:25

    Member
    xem

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

    trang_pro

    trang_pro

    Group: Member

    Hiện đang:
    Bài viết : 91
    Points : 101
    Thanks : 8

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

    Member
    Bài viết thứ :30

    Đăng vào:on 15/9/2012, 22:12

    Member
    like

    #30 - Posted on 15/9/2012, 22:12
    Xem lý lịch thành viên

    Trung Lùn

    Trung Lùn

    Group: Member

    Hiện đang:
    Bài viết : 387
    Points : 495
    Thanks : 8

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

    Member
    Bài viết thứ :31

    Đăng vào:on 16/9/2012, 06:18

    Member
    xem

    #31 - Posted on 16/9/2012, 06:18
    Xem lý lịch thành viên

    huyhoang1997

    huyhoang1997

    Group: Moderagerator

    Hiện đang:
    Bài viết : 670
    Points : 896
    Birthday : 14/06/1997
    Thanks : 64
    Đến từ : Ninh Thuận

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

    Moderagerator
    Bài viết thứ :32

    Đăng vào:on 16/9/2012, 15:50

    Moderagerator
    xem

    #32 - Posted on 16/9/2012, 15:50
    Xem lý lịch thành viên

    24h...CậuéC

    24h...CậuéC

    Group: Member

    Hiện đang:
    Bài viết : 789
    Points : 1026
    Thanks : 155
    Đến từ : Về nhà mà thể hiện

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

    Member
    Bài viết thứ :33

    Đăng vào:on 18/9/2012, 21:29

    Member
    xem

    #33 - Posted on 18/9/2012, 21:29
    Xem lý lịch thành viên

    truongchun

    truongchun

    Group: Member

    Hiện đang:
    Bài viết : 338
    Points : 431
    Birthday : 15/04/1990
    Thanks : 83

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

    Member
    Bài viết thứ :34

    Đăng vào:on 18/9/2012, 21:43

    Member
    xài chán rồi mới share à cười lăn lộn

    #34 - Posted on 18/9/2012, 21:43
    Xem lý lịch thành viên

    anhsailam

    anhsailam

    Group: Member

    Hiện đang:
    Bài viết : 108
    Points : 151
    Thanks : 33

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

    Member
    Bài viết thứ :35

    Đăng vào:on 18/9/2012, 23:02

    Member
    like

    #35 - Posted on 18/9/2012, 23:02
    Xem lý lịch thành viên

    thientuanbka

    thientuanbka

    Group: Member

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

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

    Member
    Bài viết thứ :36

    Đăng vào:on 19/9/2012, 09:22

    Member
    nice

    #36 - Posted on 19/9/2012, 09:22
    Xem lý lịch thành viên

    Khách vi

    Khách vi

    Group: Khách viếng thăm

    Hiện đang:

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

    Đăng vào:on 19/9/2012, 09:37

    hau

    #37 - Posted on 19/9/2012, 09:37

    Khách vi

    Khách vi

    Group: Khách viếng thăm

    Hiện đang:

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

    Đăng vào:on 19/9/2012, 09:38

    xem

    #38 - Posted on 19/9/2012, 09:38

    PhantomVN

    PhantomVN

    Group: Member

    Hiện đang:
    Bài viết : 19
    Points : 20
    Thanks : 1

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

    Member
    Bài viết thứ :39

    Đăng vào:on 19/9/2012, 15:16

    Member
    Xem

    #39 - Posted on 19/9/2012, 15:16
    Xem lý lịch thành viên

    congdong

    congdong

    Group: Member

    Hiện đang:
    Bài viết : 333
    Points : 461
    Birthday : 14/11/1995
    Thanks : 46

    Member
    Xem lý lịch thành viên http://congdong.123.st

    Member
    Bài viết thứ :40

    Đăng vào:on 20/9/2012, 15:12

    Member
    thank

    #40 - Posted on 20/9/2012, 15:12
    Xem lý lịch thành viên http://congdong.123.st

    congdong

    congdong

    Group: Member

    Hiện đang:
    Bài viết : 333
    Points : 461
    Birthday : 14/11/1995
    Thanks : 46

    Member
    Xem lý lịch thành viên http://congdong.123.st

    Member
    Bài viết thứ :41

    Đăng vào:on 20/9/2012, 15:15

    Member
    sao khong dc gi het tron

    #41 - Posted on 20/9/2012, 15:15
    Xem lý lịch thành viên http://congdong.123.st

    doansinhak44

    doansinhak44

    Group: Member

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

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

    Member
    Bài viết thứ :42

    Đăng vào:on 21/9/2012, 00:37

    Member
    thu luon

    #42 - Posted on 21/9/2012, 00:37
    Xem lý lịch thành viên

    longrongpy

    longrongpy

    Group: Member

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

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

    Member
    Bài viết thứ :43

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

    Member
    ??

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

    Administrator

    Administrator

    Group: Administrator

    Hiện đang:
    Bài viết : 722
    Points : 11639
    Birthday : 16/11/1996
    Thanks : 751

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

    Administrator
    Bài viết thứ :44

    Đăng vào:on 21/9/2012, 20:17

    Administrator
    ngon

    #44 - Posted on 21/9/2012, 20:17

    __________________________________________________________________________________________

    Đọc bài hay thì nhớ like ! thì mới hỗ trợ + share code ngon nhé cười nhăn răng
    I ♥ you, Khách viếng thăm

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

    donhuy

    donhuy

    Group: Member

    Hiện đang:
    Bài viết : 90
    Points : 110
    Thanks : 6
    Đến từ : Sisily

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

    Member
    Bài viết thứ :45

    Đăng vào:on 21/9/2012, 23:08

    Member
    xem

    #45 - Posted on 21/9/2012, 23:08
    Xem lý lịch thành viên

    Vãi Thánh

    Vãi Thánh

    Group: Member

    Hiện đang:
    Bài viết : 192
    Points : 220
    Thanks : 10

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

    Member
    Bài viết thứ :46

    Đăng vào:on 22/9/2012, 17:00

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

    #46 - Posted on 22/9/2012, 17:00
    Xem lý lịch thành viên

    longrongpy

    longrongpy

    Group: Member

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

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

    Member
    Bài viết thứ :47

    Đăng vào:on 23/9/2012, 11:51

    Member
    ???

    #47 - Posted on 23/9/2012, 11:51
    Xem lý lịch thành viên

    Zin_Ken

    Zin_Ken

    Group: Member

    Hiện đang:
    Bài viết : 343
    Points : 435
    Thanks : 26

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

    Member
    Bài viết thứ :48

    Đăng vào:on 23/9/2012, 12:24

    Member
    xem

    #48 - Posted on 23/9/2012, 12:24
    Xem lý lịch thành viên

    duongpro959

    duongpro959

    Group: Member

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

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

    Member
    Bài viết thứ :49

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

    Member
    alo

    #49 - Posted on 23/9/2012, 16:16
    Xem lý lịch thành viên

    Mr.Lee

    Mr.Lee

    Group: Member

    Hiện đang:
    Bài viết : 742
    Points : 1241
    Birthday : 04/05/1990
    Thanks : 381

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

    Member
    Bài viết thứ :50

    Đăng vào:on 25/9/2012, 23:35

    Member
    like

    #50 - Posted on 25/9/2012, 23:35
    Xem lý lịch thành viên http://www.haivl.com/uploader/11917

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :51

    Đăng vào:Today at 08:57

    #51 - Posted Today at 08:57

    Trang 2 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.com
    YOUR BANNER HERE
    728x90