- 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
- bấm save rùi :ok:

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
(tìm trong mục Codes đã có share)
- thay link chuyên mục tương ưng
- thay link ảnh vô tư tùy theo mục đích sử dụng

Code:

<img src="http://i48.servimg.com/u/f48/14/58/28/06/taitro10.jpg"/>


- màu sắc khung viền: chỉnh thông số

Code:

rgb(250, 4, 4)

- bề rộng khung: chỉnh width

Code:

width: 150px;

- màu sắc thông tin: hoặc mã màu #ff0000 hoặc ghi màu sắc red, blue, black

Code:

<font color=#ff50fd> ..... </font>
<font color=red> ..... </font>

- thêm một ứng dụng thì thêm đoạn sau

Code:

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