Showing posts with label Thủ thuật Blog plus. Show all posts
Showing posts with label Thủ thuật Blog plus. Show all posts

Mar 17, 2012

Jan 4, 2012

CSS 360plus ver 1.0 -Hổ trợ sử dụng CSS, hỗ trợ kéo thả khi thiết kế, upload ảnh trực tiếp lên Blog, không giới hạn dung lượng lưu trữ, quả

Yahoo! 360plus là một sản phẩm Blog với nhiều tính năng hấp dẫn người dùng như sử dụng CSS, hỗ trợ kéo thả khi thiết kế, upload ảnh trực tiếp lên Blog, không giới hạn dung lượng lưu trữ, quản lý và trình bày bài viết theo thư mục, giao diện trực quan, ngon ngữ tiếng Việt...Nhưng có nhiều bạn không tránh khỏi lúng túng khi muốn tạo cho mình một trang blog đẹp, mang phong cách, cá tính của chính mình, và để giúp các bạn điều này, cũng như đỡ mất thời gian tìm kiếm hướng dẫn thiết kế trên mạng, Ebook CSS 360plus ver 1.0 sẽ giúp bạn điều này !


Pass nếu có: http://kenhdaihoc.com

Trích từ: Kho thủ thuật Blog
Diễn đàn: kenhdaihoc.com

Dec 28, 2011

Codeo chữ chạy qua chạy lại, chạy lên chạy xuống

Trích từ: tổng hợp thủ thuật


Bạn copy đoạn mã (code)sau đây bạn thích, rồi past lên blog, Web của bạn ( Chú ý mở HTLM) , đẹp lạ vô cùng!
1/ Chữ chạy từ phải qua trái : 


<marquee > <font size=6 viết nội dung mail</font></marquee>


2/ Chữ chạy từ trái qua phải : 


<marquee direction="right"> <font size=6 color=blue> viết nội dung </font></marquee>




3/Chữ chạy loăng quăng trong màn hình : 


<marquee behavior="alternate"> <font size=6 color=blue> viết nội dung </font></marquee>



4/Chữ chạy lên : 


<marquee direction=up> <font size=6 color=blue> viết nội dung </marquee>




5/Chữ chạy xuống : 


<marquee direction=down> <font size=6 color=blue> viết nội dung </marquee>

Dec 15, 2011

5 Script tạo hiệu ứng tuyết rơi cực đẹp cho forum, blog



1
<script src="http://astuforum.free.fr/js/neige.js"></script>
2
<script src="http://astuforum.free.fr/js/neige_lettre.js"></script>
3
<script src="http://astuforum.free.fr/js/neige-mini.js"></script>
4
<script src="http://astuforum.free.fr/js/snow.js"></script>
5

Apr 18, 2011

[Code Css 360 New Plus] Trong suốt toàn bộ blog 360Plus Beta - Trang Phụ

Bài viết này sẽ hướng dẫn trong suốt các trang phụ sau khi đã sử dụng code trong suốt toàn bộ trang chính 


1. Trang Profile


Quote:
#profile_info .bd, #profile_info th{background:transparent !important;}/*olympia41124*/

2. Trang Album

Quote:
#gallery_list .rc_bc .bd,
#gallery_list .rc_bc .bd .actionbar,
#gallery_list .rc_bc .bd .actionbar .bd,
#gallery_list .rc_bc .bd .actionbar .hd,
#gallery_list .rc_bc .bd .actionbar button,
#gallery_list .rc_bc .hd .titlebar .hd select {background:transparent;}/*olympia41124*/

3. Trang Xem Từng Hình Trong Album

Quote:
#photo_enlarge .rc_bc .bd, #photo_enlarge .ft, #blog_compose .rc_bd .rc_bc .bd .actionbar .bd button, #photo_enlarge #photo_comment_list,#photo_enlarge #photo_comment_list .bd, #photo_enlarge .rte_fieldset,#photo_enlarge .photo-comment
{background:transparent;}/*olympia41124*/

4. Trang Bạn Bè

Quote:
#friend-list .mod-tag-friend-list, #friend-list .mod-tag-friend-list .ft, #friend-list .mod-tag-friend-list .bd{background:transparent !important;}/*olympia41124*/

Ngoài ra ở bản beta có một số trang ta không thể thay đổi được : cập nhật, mạng lưới blog, tất cả lời bình ...

Hiệu ứng cho Avatar của Friendlist Module !!!


Chắc các bạn vào blog mình cũng thấy các đường viền bao quanh mỗi avatar trong danh sách friendlist của mình nhỉ ? Vậy các bạn có muốn làm giống vậy không ??
Nếu muốn thì chúng ta cùng làm nhé :



Sau đây là cách thực hiện :

1> Thêm viền cho mỗi avatar :

Rất đơn giản, các bạn chỉ việc thêm đọan Code này vào nhé :

Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{border-top:2px dotted #fff;border-right:2px dotted #fff;border-left:2px dotted#fff;}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{border-top:2px dotted #000;border-right:2px dotted #000;border-left:2px dotted #000;}
  • #fff là mã màu trắng, #000  là màu đen, các bạn có thể thay đổi cho phù hợp với theme của mình nhé . Nếu không biết cách chọn mã màu có thể tham khảo Software này nhé !
  • #friendlist_module .rc_bd .rc_bc .bd ul li là thuộc tính của viền lúc ban đầu
  • #friendlist_module .rc_bd .rc_bc .bd ul li:hover là thuộc tính của viền khi rê chuột vào.
2> Thêm ảnh nền cho các avatar :

Các bạn thay link ảnh nền vào nhé :

Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{background:transparent url(Link ảnh nền);}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh nền);}

Có thể sử dụng 2 ảnh nền khác nhau:
  • Link màu xanh là ảnh ban đầu
  • Link màu đỏ là ảnh xuất hiện khi rê chuột vào.

Thế thôi. Như vậy là xong cách thêm các đường viền cùng hiệu ứng khi rê chuột vào mỗi avatar trong danh sách friendlist rồi nhé ! Lưu ý, Code chỉ có hiệu quả đối với Friendlist Module thôi . Hy vọng bài viết có ích cho bạn.

(Bản quyền bài viết thuộc về W.Dephia's Blog, vui lòng ghi rõ nguồn nếu sử dụng)