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 hoặcđăng kýđể tham gia thảo luận trên diễn đàn




    You are not connected. Please login or register


    Bài viết : [Hướng Dẫn - Code] Code Hiện Profile Khi Di Chuyễn Chuột Vào Avatar


    Bài viết thứ :1
    Đăng vào:on Fri Jan 03, 2014 9:05 pm
    Admin

    Admin

    Admin

    avatar
    First topic message reminder :

    Demo:

    Khi Chưa Di Chuyễn Chuột Vào Avatar:



    Khi Đã Di Chuyễn Chuột Vào Avatar:



    Cách Làm:

    Bước 1: Vào viewtopic_body Tìm:

    Code:
    {postrow.displayed.POSTER_AVATAR}

    Thay Code Vừa Tìm Bằng Code Sau:

    Code:
    <ul class="columns">
        <li>
          <a href="#"><div class="avatarxt">{postrow.displayed.POSTER_AVATAR}</div></a>
            <div class="info">

    <strong><font  color=blue> </font>—  {postrow.displayed.POSTER_NAME}  — <font color=red>
        
    <table width="170px">
    <tr>
    <td>
    <div class="">
      <fieldset class="fieldset"><legend><font size=2"><b>Tước Hiệu</b></font></legend>
    <FONT face="Times New Roman">
    <B>
    <font size=4 style="text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);" color="#F7FF00">
    <marquee scrollamount="4">{postrow.displayed.POSTER_RANK}</marquee></font>
    </B>
    </FONT>
    </div></td>
    </tr>
    </table>

      </font></strong>

              <span class="smallfont">

          <br>
    {postrow.displayed.RANK_IMAGE}  
                          </span>
              
    <!-- BEGIN profile_field -->
    <span class="khung">
    <div class="fmviPro5">
    <div style="padding: 2px;"><div style="padding: 3px; border: 1px #0900FF dashed;">
    {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div>
    </div></span>
    <!-- END profile_field -->          

            </div>
        </li>
    </ul>

    Bước 2: Chèn Code Sau Vào CSS:

    Code:
    ul.columns {list-style: none;margin: 0 auto; padding: 0;}
    ul.columns li {float: left; display: inline;margin: 10px; padding: 0;position: relative;}
    ul.columns li:hover {z-index: 99;}
    ul.columns li:hover img{z-index: 999;filter: alpha(opacity=100);}
    ul.columns li .info {position: absolute;left: -10px; top: -10px;padding: 200px 10px 20px;width: 200px;display: none;background: #fff;border: 4px solid black; -moz-border-radius: 7px; -webkit-border-radius: 7px;-moz-box-shadow: 0px 0px 10px gray;-webkit-box-shadow: 0px 0px 10px gray;}
    ul.columns li:hover .info {display: block;}
    ul.columns li h2 {font-size: 1.2em;}
    ul.columns li p {padding: 0; margin: 0;}



    Được sửa bởi Admin ngày Wed Dec 21, 2016 2:28 pm; sửa lần 1.



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

    Bài viết thứ :2
    Đăng vào:on Fri Mar 20, 2015 2:10 pm
    Admin

    Admin

    Admin

    avatar
    xemmmmmmmmmmmmm



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

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết

     
    • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Sosblogs