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

[Code] chia sẻ JS hiện thông tin thành viên

  • Please log in to post a topic
  • avatar

    tuongpro
    avatar

    tuongpro

    Group: Member

    Hiện đang:
    Bài viết : 89
    Points : 224
    Birthday : 03/03/1991
    Thanks : 87
    Đến từ : ninh binh

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

    Member
    Bài viết thứ :1

    Đăng vào:on 13/12/2013, 23:22

    Member
    [You must be registered and logged in to see this link.]
    tạo 1 script mới
    in homepage nhé
    Code:
    $(function(){$("a[href^='/u'].gensmall,.title_profile a[href^='/u']").hover(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,name=$(this).text(),id=$(this).attr("href").slice(2);$("#user-hoverbox").remove();$(this).after('<div id="user-hoverbox" style="left: '+c+'px;margin-top:20px"><div id="user-hoverbox-inner"><a href="/u'+id+'wall"><i class="icon-envelope-alt"></i> Tường nhà </a><a href="/u'+id+'"><i class="icon-user"></i> Thông tin</a><a href="/privmsg?mode=post&u='+id+'"><i class="icon-comments"></i> Gửi thư</a><a href="/spa/'+name+'"><i class="icon-file-alt"></i> Xem bài viết</a><a href="/sta/'+name+'"><i class="icon-folder-open"></i> Xem chủ đề</a></div></div>');t=setTimeout(function(){$("#user-hoverbox").hide()},3E3);$("#user-hoverbox").mouseover(function(){clearTimeout(t)});$("#user-hoverbox").mouseleave(function(){$(this).remove()});return!1})});
    thêm đoạn css này nữa là xong

    Code:

    /* hiện thông tin nà :D*/
    #user-hoverbox {
      display:initial!important;
    margin-left:5px;
    width:140px;
    padding-top:1px;
    position:absolute;
    z-index:9;}

    #user-hoverbox #user-hoverbox-inner a {
    background:#fff;
    border-bottom:1px solid #d4d4d4;
    color:#333!important;
    display:inline-block;
    font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align:left;
    text-shadow:none!important;
    padding:8px;
    width:104px;
    height:12px;
    }

    #user-hoverbox-inner {
    background:#fff;
    border:4px solid #000;
    border-radius:2px;
    box-shadow:0 1px 5px rgba(0,0,0,0.31);
    width:120px;
    height:145px;
    }

    #user-hoverbox #user-hoverbox-inner a:hover {
    background:#fafafa;
    }

    #user-hoverbox::before {
    border-bottom:5px solid #363636;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    content:"";
    height:0;
    left:12px;
    position:absolute;
    top:-4px;
    width:0;
    }

    #user-hoverbox a .icon-user {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
    }

    #user-hoverbox a .icon-comments {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
    }

    .pun #user-hoverbox a i {
    background-position:center;
    background-repeat:no-repeat;
    float:left;
    height:10px;
    margin-right:3px;
    margin-top:2px;
    opacity:.8;
    width:13px;
    }

    #user-hoverbox a .icon-envelope-alt {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
    }

    #user-hoverbox a .icon-file-alt {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
    }

    #user-hoverbox a .icon-folder-open {
    background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
    }

    .pun #user-hoverbox a:hover i {
    opacity:1!important;
    }

    #1 - Posted on 13/12/2013, 23:22
    Xem lý lịch thành viên
    avatar

    Anonymos
    avatar

    Anonymos

    Group: Member

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

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

    Member
    Bài viết thứ :2

    Đăng vào:on 20/8/2018, 16:51

    Member
    thanks

    #2 - Posted on 20/8/2018, 16:51
    Xem lý lịch thành viên

    Đ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 | www.sosblog.com
    YOUR BANNER HERE
    728x90