Diễn Đàn Phan Ri Club Online

Chào Mừng Bạn Đến Với PhanRiClub Diễn Đàn Giao Lưu Kết Nối Bạn Bè ! Hãy Đăng Kí Thành Viên Để Chia Sẽ Nhưng Thủ Thuật Mà Bạn Biết & Còn Nếu Là Thành Viên Hãy Đăng Nhập Chia Sẽ Bài Viết Các Bạn Nhé ! Diễn Đàn Mới Thành Lập Còn Nhiều Thiếu Sót Rất Mong Sự Đóng Góp Nhiệt Tình Cửa Các Bạn ! Xin Cảm Ơn Các Bạn Nhiều

Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

Đăng Ký

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

  

[Hướng Dẫn - Code] Code Hiện Thông Tin Thành Viên Đẹp

Share
    avatar

    Giới Tính : Nam

    Xu : 25

    Đến từ Đến từ : Phan Rí Cửa

    Điểm Cảm Ơn : 139

    Tham Gia : 29/10/2013

    Birthday : 11/03/1992


    #1

     on Mon Dec 15, 2014 5:16 pm

    Demo

    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;
    }
    Nguồn : http://punbb-design.forumotion.com/



    Nơi Giao Lưu Chia Sẽ Nhưng Câu Chuyện Buồn Vui Và Những Phần Mềm Hình Anh
    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
    avatar

    Giới Tính : Nam

    Xu : 25

    Đến từ Đến từ : Phan Rí Cửa

    Điểm Cảm Ơn : 139

    Tham Gia : 29/10/2013

    Birthday : 11/03/1992


    #2

     on Mon Jan 12, 2015 8:30 pm

    uppppppppppppppppppppppppppppppppppp



    Nơi Giao Lưu Chia Sẽ Nhưng Câu Chuyện Buồn Vui Và Những Phần Mềm Hình Anh
    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
    Admin
    avatar

    Giới Tính : Nam

    Xu : 25

    Điểm Cảm Ơn : 114

    Tham Gia : 18/10/2013

    Birthday : 11/03/1992


    #3

     on Fri Mar 20, 2015 1:53 pm

    xemmmmmmmmmmmmmmmm



    Hãy Cùng Mình Xây Dựng Diễn Đàn PhanRiClub Các Bạn Nhé
    #4