Đến từ
First topic message reminder :
Demo:
Khi Chưa Di Chuyễn Chuột Vào Avatar:
![[Hướng Dẫn - Code] Code Hiện Profile Khi Di Chuyễn Chuột Vào Avatar Hienth10](https://i.servimg.com/u/f38/16/18/15/10/hienth10.jpg)
Khi Đã Di Chuyễn Chuột Vào Avatar:
![[Hướng Dẫn - Code] Code Hiện Profile Khi Di Chuyễn Chuột Vào Avatar 1520](https://i.servimg.com/u/f38/16/18/15/10/1520.jpg)
Cách Làm:
Bước 1: Vào viewtopic_body Tìm:
Thay Code Vừa Tìm Bằng Code Sau:
Bước 2: Chèn Code Sau Vào CSS:
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.
