[Codes] Khung thông tin ứng dụng

  Bài viết hay nhất1
demo:
Spoiler:

hướng dẫn:
Spoiler:
- 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>

Nguồn : 4allvn
  Bài viết hay nhất2
Cái này giống cái đợt trước a dùng skin ltt phpbb2 vậy, còn nguyên hình con heo (donate) xe đẩy (cửa hàng) hình play (nghe nhạc) cuối cùng là trang thông tin mem :huytsao:
  Bài viết hay nhất3
@Mr.Why đã viết:Cái này giống cái đợt trước a dùng skin ltt phpbb2 vậy, còn nguyên hình con heo (donate) xe đẩy (cửa hàng) hình play (nghe nhạc) cuối cùng là trang thông tin mem :huytsao:
cười nhăn răng e cũng mới biết cái này thôi
vì trên rum mình chưa post nên e post lên lun cười nhăn răng
  Bài viết hay nhất4
Bạn không có quyền trả lời bài viết