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
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 :
2/ Chữ chạy từ trái qua phải :
3/Chữ chạy loăng quăng trong màn hình :
4/Chữ chạy lên :
5/Chữ chạy xuống :
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>
<script src="http://astuforum.free.fr/js/neige_lettre.js"></script>
<script src="http://astuforum.free.fr/js/neige-mini.js"></script>
<script src="http://astuforum.free.fr/js/snow.js"></script>
<scriptsrc="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js"></script>
Nguồn: http://kenhdaihoc.com/forum/showthread.php?t=2205
- Hướng dẩn - Chia sẽ - Hỏi đáp về vBB | Ban bào có gì hỏi về vBB mình sẽ giải đáp kịp thời ...
Dec 14, 2011
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
2. Trang Album
3. Trang Xem Từng Hình Trong Album
4. Trang Bạn Bè
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 ...
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 :
Có thể sử dụng 2 ảnh nền khác nhau:
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)
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:
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.
Các bạn thay link ảnh nền vào nhé :
Code:
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)
Subscribe to:
Comments (Atom)





