Hiệu ứng khi rê chuột vào Tiêu Đề Và Node

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
Hiệu ứng khi rê chuột vào Tiêu Đề Và Node

Bài viết này sẽ bổ sung cho các bạn thêm một cách làm diễn đàn của bạn bắt mắt và thú vị hơn. Cách làm như sau:

Vào ACP >> tìm template: page_container_js_body thêm đoạn code sau vào đầu
Mã:
<script type="text/javascript">
$(document).ready(function(){
$("h3 a").hover(function(){
$(this).stop().animate({marginLeft:"10px"},300);}
,function(){
$(this).stop().animate({marginLeft:"0px"},300);
});
});
</script>

Demo:

demo.gif

Chúc các bạn thành công.


Nguồn: vnnet.org​
 
Ẹc, hiệu ứng này chỉ chạy tiêu đề (chạy chữ) chứ không như demo nhỉ?
 
Bạn làm như thế này nhé:
vào ACP: Edit Template: node_forum_level_2
Found:
PHP:
class="nodeInfo forumNodeInfo primaryContent
thêm vào trước class đó:
Mã:
id="hackerpro536"
Tiếp theo vào:
Edit Template: EXTRA.css
thêm vào:
PHP:
#hackerpro536:hover {
  margin-left: 20px;
  color: red;
}
lưu lại bạn sẽ được như ý và khi chọn vào phần số lượng bài viết và trả lời ở Node sẽ chuyễn thành màu đỏ rất dễ nhìn
Demo: http://hvngroups.net phần kéo xuống Node phía dưới nhé
 
Back
Top