You are not connected. Please login or register

 » Forumotion » Share Code » Tổng hợp »  [Codes] Khung thông tin ứng dụng

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

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

๖ۣۜTom

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



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

No Comment.

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