(¯`°•.¸¯`°•† Diễn Đàn - Tuổi Teen PK †•°´¯¸.•°´¯)
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

(¯`°•.¸¯`°•† Diễn Đàn - Tuổi Teen PK †•°´¯¸.•°´¯)

Offline Lần I Tại Tp. PK- Tham Gia Nhé Bạn! 
Trang ChínhTrang Chính  PortalPortal  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  

 

 Làm đẹp cho khung Comment + Toolbar của Blog

Go down 
Tác giảThông điệp
romeo
Admin
romeo


Tổng số bài gửi : 247
Join date : 16/10/2009
Đến từ : pho'' nui'' bun`

Làm đẹp cho khung Comment + Toolbar của Blog Empty
Bài gửiTiêu đề: Làm đẹp cho khung Comment + Toolbar của Blog   Làm đẹp cho khung Comment + Toolbar của Blog I_icon_minitimeMon Mar 22 2010, 07:43

Demo :

Làm đẹp cho khung Comment + Toolbar của Blog Democm

Code:.rte_toolbar {
background:#d7d7d7 url(link Hinh) repeat-x top;
border-left:1px solid #0448f6;
border-top:1px solid #0448f6;
border-right:1px solid #0448f6;
height:89px;}
-Thay cái link Hinh bằng link ảnh làm nền của bạn nha.
-Chèn vào trong mục "Thiết kế/Theme/Chế độ tự sửa/CSS.
Sau đây là một số link hình tham khảo:
Muốn lấy hình nào các bạn click chuột phải vào hình đó và coppy link
Nếu dùng firefox thì coppy ở dòng Location
Nếu dùng IE thfi coppy ở dòng Address(URL)

Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang1
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang2
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang3
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang4
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang5
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang6
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang7
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang8
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang9
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang10
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang11
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang12
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang13
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang14
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang15
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang16
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang17
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang18
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang19
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang20
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang21
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang23
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang24
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang25
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang26
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang27
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang28
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang29
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang30
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang31
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang32
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang33
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang34
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang35
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang36
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang37
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang38
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang39
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang40
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang41
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang42
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang43
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang44
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang45
Làm đẹp cho khung Comment + Toolbar của Blog Bannerngang46

Đây la cách làm trong suốt toàn bộ nền comment:
1 Làm trong suốt tòan bộ nền comment :




Muốn làm trong suốt tòan bộ nền comment của Entry, các bạn có thể dùng Code sau, paste vào CSS nhe :

Code

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}
2Thay nền comment :



Đối với một số bạn, thì lại thích thay nền phần này, vì vậy mình cũng cung cấp code cho các bạn thay như sau :


Code


.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;} .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}
.mod-alist-full .alist-comment li {background:transparent url(Link Ảnh);}
3 Thay đổi màu sắc khung viền của comment :



Đây là Code thay đổi màu sắc, kích thước các border xung quanh Comment :



Code


.mod-alist-full .alist-comment li {border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:inset;border-right-style:inset;border-bottom-style:inset;border-left-style:inset;border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-left-color:#fff;}
4 Màu chữ, link trong comment :



Để thay màu sắc chữ và link trong ô comment các bạn có thể dùng Code sau :




Code

#comment_container * a {color:#ma_mau;} #comment_container * .content {color:#ma_mau;} #comments-listing * ins {color:#ma_mau;}


  • #ma_mau : là màu link.
  • #ma_mau : là màu chữ
  • #ma_mau : là màu của dòng : "cách đây... fút"

Thay các dòng #mã_màu bằng mã màu mình thích nhé !!Làm đẹp cho khung Comment + Toolbar của Blog Trans_dot
Thay Đổi Button (nút bấm) "Lưu" "Huỷ" trong phần comment
Demo:
Làm đẹp cho khung Comment + Toolbar của Blog Screenhunter007
Code
.cmt-mod-alist .add-comment em.buttons input{color:#000000;height:Apx;text-align:center;background:url(Link) no-repeat;}
A: chiều cao của hình.
chúc các cậu thành công.
Về Đầu Trang Go down
https://uhvui.forum-viet.com
 
Làm đẹp cho khung Comment + Toolbar của Blog
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Photo Shine 3.2 – Tạo ảnh “tranh vẽ” và lồng ghép khung ảnh “cực đẹp”
» tao chu~ dep cho blog!
» BLOG VIP NÈ PÀ KON
» BẠN VÀO XEM BLOG VIP NÈ ..........
» Tạo thú nuôi cho Blog 360 Plus (mới - cực hot )

Permissions in this forum:Bạn không có quyền trả lời bài viết
(¯`°•.¸¯`°•† Diễn Đàn - Tuổi Teen PK †•°´¯¸.•°´¯) :: THỦ THUẬT BLOG :: CSS - Thủ thuật 360 Plus-
Chuyển đến