demo:
- Lời mở đầu của tác giả:
Trước đây khi vào một forum vbb và nhìn vào button gửi bài mới, gửi trả lời mình cứ tưởng đó là hình ảnh. Định copy về cho về forum FM cho đẹp nhưng không lấy địa chỉ ảnh được. Sau này trình độ lên tay một chút mới đoán ra là nó xài css . Và bây giờ mình lại có ý tưởng làm button này cho FM.
- Mục lục: bao gồm 2 code rất đơn giản, đặt class ở viewtopic_body và thêm thuộc tính ở css
- Chương I: Viewtopic_body
Vào viewtopic_body tìm:
[Bài viết không bị Ẩn]
- Code:
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
Và thay bằng:
- Code:
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><span class="newpost"><font color=#FFFFFF> <b>+</b> Viết chủ đề mới </font></span></a>
- Code:
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
- Code:
<a href="{U_POST_REPLY_TOPIC}"><span class="newpost"><font color=#FFFFFF> <b>+</b> Trả lời Chủ đề </font></span></a>
Vào Css và dán code này vào dưới cùng:
- Code:
span.newpost {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
padding:6px;
background-color: #488AC7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
span.newpost:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;}
----------------------------
- Chú thích:
- Code:
background-color: #488AC7;
- Code:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Các bạn có thể làm tương tự ở viewforum_body
Update:
Cái này bạn có thể dùng Script xóa cái ảnh button, như thế đỡ mất công sửa Templates, và có thể áp dụng cho mọi phiên bản forumotion.
Vào Modules > HTML & JAVASCRIPT > Javascript codes management > Creat a new...:
Title * : Button CSS
Placement : In the sub-forums và In the topics
Javascript Code * :
- Code:
$(function(){$("a[href*='/post?f='][href$='&mode=newtopic']").html('<span class="newpost"><font color=#FFFFFF> <b>+</b> Viết chủ đề mới </font></span>');$("a[href*='/post?t='][href$='&mode=reply']").html('<span class="newpost"><font color=#FFFFFF> <b>+</b> Trả lời Chủ đề </font></span>');});
:Bài viết không bị Ẩn: