Demo:
Hướng dẫn:
- ACP> Display> Templates> QLTT> Viewtopic_body
- copy và dán codes sau vô chỗ mình muốn hiển thị
- vị trí chèn: tùy thích
ví dụ dưới avatar, hoặc dưới nick, hoặc dưới profiles
tuy nhiên phải biết codes để chèn cho đúng, k thui sẽ làm bể khung
nếu làm kg dc thì rinh cái viewtopic_body lên
rùi mọi người chèn giùm cho chắc ăn. hehe
- Code:
-
<span class="smallfont">
<fieldset style="border: 1px dashed rgb(250, 4, 4); padding: 10px; width: 150px;">
<legend> Ứng dụng </legend>
<a
class="ungdung" onmouseover="showtip('<font color=#ff50fd>Gửi lời
yêu thương</font>');" onmouseout="hidetip();" href="link chuyen
mục">
<img src="http://i48.servimg.com/u/f48/14/58/28/06/love-i10.png"/>
</a>
<a
class="ungdung" onmouseover="showtip('<font color=#e8ff4e>Thưởng
thức âm nhạc</font>');" onmouseout="hidetip();" href="link chuyen
mục">
<img src="http://i48.servimg.com/u/f48/14/58/28/06/headph10.png" height="35" width="35"/>
</a>
<a
class="ungdung" onmouseover="showtip('<font color=#2bf50c>Mua sắm
online</font>');" onmouseout="hidetip();" href="link chuyen
mục">
<img src="http://i48.servimg.com/u/f48/14/58/28/06/muasam10.jpg"/>
</a>
<a
class="ungdung" onmouseover="showtip('<font color=#0ce5f5>Ủng hộ
diễn đàn</font>');" onmouseout="hidetip();" href="link chuyen
mục">
<img src="http://i48.servimg.com/u/f48/14/58/28/06/taitro10.jpg"/>
</a>
</fieldset>
</span>
- trong codes trên có chèn chức năng tooltip,
khi rê chuột vào hiện thông tin (trong demo là bảng màu đen)
tuy nhiên để được rứa thì phải làm tooltip hén
Vào đây đễ làm: http://codeforumotion.forumvi.com/t106-topic