Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

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

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Codes] Khung thông tin ứng dụng on Fri Aug 03, 2012 4:18 pm

Iwillnotlove

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

Xem lý lịch thành viên

2 Re: [Codes] Khung thông tin ứng dụng on Fri Aug 03, 2012 4:26 pm

Admin

avatar
Administrators
Administrators
copy nhanh kinh



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

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