Trang trí cho phần comments
Saturday, 7. April 2007, 11:49:52
Originally posted by calvin22:
Em cũng muốn trang trí cho phần comments và đổi màu chữ cho nó nhưng không biết cách ,chị viết bài chỉ dẫn rồi em sang học tiếp nhé ! em nợ chị nhiều quá ! hì hì...
Đây là hình comments trong blog của chị nhé:
Còn đây là đoạn code trong blog chị
.comment1 {
CLEAR: both; BORDER-RIGHT: #eb1067 1px solid; BORDER-TOP: eb1067 1px solid; BACKGROUND: #77ff49 url(http://files.myopera.com/hoatrongvuon/hoclamblog/com.gif); MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: eb1067 1px solid; BORDER-BOTTOM: eb1067 1px - solid; color: 0d0106; font-size:14px;
}
.comment2 {
CLEAR: both; BORDER-RIGHT: #7a8408 1px solid; BORDER-TOP: #7a8408 1px solid; MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: #7a8408 1px solid; WIDTH: 100%; BORDER-BOTTOM: #7a8408 1px solid; color: #7a8408 ; font-size:14px;
}
Em copy đoạn code trên và đưa vào CSS sửa theo ý em nhé.
- Các màu đỏ trong comment 1 là để đổi màu border, màu đen là chữ trong comments, màu cam là phần màu nền cho comment và nếu như xài màu nền thì nên bỏ phần link url đi và phần bôi đậm của font-size em có thể sửa theo ý mình font bao nhiêu tùy thích.
- Các màu xanh trong comment 2 là để đổi màu border, màu chữ chị cũng làm green nên màu cũng giống border, và font-size đổi như ý.
- Phần background trong comment 1 em cứ đưa hình em thích vào link là được.
- Phần comment 2 chị không thích để background nên bỏ link url đi, nếu em muốn có hình nền thì cứ đưa thêm link url vào là xong.
Đây là BẢNG MÃ MÀU em có thể thay màu theo ý thích.
Chúc vui nha.















1 2 Next »
Nghecon18 # 7. April 2007, 13:32
hoatrongvuon # 7. April 2007, 14:03
Nghecon18 # 7. April 2007, 14:12
teletubies # 7. April 2007, 15:12
hoatrongvuon # 7. April 2007, 15:21
calvin22 # 7. April 2007, 18:45
Luôn tiện ,cho em hỏi : làm sao để thêm màu cho phần tiêu đề của bài post vậy ? như cái khung màu xanh phía trên "trang trí cho phần comment" của chị đó .
A11Blog # 8. April 2007, 00:57
hoatrongvuon # 8. April 2007, 01:35
http://my.opera.com/thienquan/blog/tao-khung-vien
A11Blog: Quan trọng là em copy cái gì và paste cái gì em à, chứ không phải chỉ đơn thuần copy và paste đâu em. Để Blog có tiếng Việt thì em phải gài đặt Unikey vào máy và sử dụng bảng mã Unicode thì mới gõ tiếng Việt được.
calvin22 # 8. April 2007, 14:30
Huyen Trang # 9. April 2007, 15:45
hoatrongvuon # 9. April 2007, 20:39
Calvin22: Đừng khen chị nha em, dạo này thấy nhiệt tình cũng đi xuống ít nhiều rồi đó em à.
vkhanh # 12. April 2007, 13:17
Nếu muốn đi sâu hơn về thiết kế màu sắc cho các thành phần, chị (và các bạn) dùng công cụ lấy màu, có thể lấy mã (html, RGB, hex, CMYK, ...) của bất cứ màu nào ^^.
Download
(Free và rất dễ sử dụng)
Blog của chị hay đó, chủ đề tập trung ^^. Đặc biệt là chủ nhân cũng nhiệt tình và thân thiện lắm
vkhanh # 12. April 2007, 13:20
hoatrongvuon # 12. April 2007, 13:59
Cái dzụ số trên địa chỉ yahoo blog của em để chị nghĩ thử là gì nha. Và cũng cảm ơn em đã viết comments khen chị nha
Cảm ơn cái link của em nha. Chị đang lấy xuống.
Nghecon18 # 12. April 2007, 14:04
nokia5300 # 16. April 2007, 19:02
ZDeathAngleZ # 3. May 2007, 11:53
Thx
hoatrongvuon # 3. May 2007, 12:48
ý em hỏi cái gì????
Có 2 bài:
Hình động để trang trí
Trang trí nền cho bài viết
Hai bài này em biết hết rồi mà.
ZDeathAngleZ # 3. May 2007, 13:31
Trang trí nền cho tất cả bài viết chứ không phải 1 cái >"<, như hình pé của chị dưới góc phải màn hình mỗi bài viết đó !
Thx
hoatrongvuon # 3. May 2007, 15:20
Thứ 2 em hỏi hình bé toàn bộ các bài viết thì em vào đây nha:
Hình nền
Good luck!!!
ZDeathAngleZ # 4. May 2007, 02:58
BACKGROUND:url (http://files.myopera.com/ZDeathAngleZ/Flash/images.jpg)
no-repeat right bottom;
MARGIN-TOP: 13px;
PADDING-LEFT: 15px;
PADDING-RIGHT: 15px;
color:#3421f0;
font-size:14px;
}
Chỉ có cái này vô hiệu à chị ^_^
ZDeathAngleZ # 4. May 2007, 11:29
url"khoảng trắng"(http://files.myopera.com/ZDeathAngleZ/Flash/images.jpg)
dư khoảng trắng nên nó không hiển thị, em edit lại thì hiển thị ngay, chị edit lại bài hướng dẫn đi
hoatrongvuon # 4. May 2007, 11:31
.post {
BORDER-RIGHT: #426a19 1px solid;
BORDER-TOP: #426a19 1px solid;
BACKGROUND: url(link em muốn đưa hình) #ffffff no-repeat right bottom; MARGIN-BOTTOM: 20px;
PADDING-BOTTOM: 35px;
OVERFLOW: hidden;
BORDER-LEFT: #426a19 1px solid;
WIDTH: 100%;
PADDING-TOP: 0px;
BORDER-BOTTOM: #426a19 1px solid
}
Chỉnh sửa theo ý em nhé!!!
hoatrongvuon # 4. May 2007, 11:32
Chị mới nhìn phần content của em, và đo chiều cao của hình lá là 131px. Em hãy thêm padding-bottom :131px vào phần content thì hình lá sẽ nằm xuống phía dưới cùng như hình của chị không đụng vào chữ trong bài em nhé!!
ZDeathAngleZ # 4. May 2007, 12:02
ZDeathAngleZ # 4. May 2007, 12:05
CLEAR: both; BORDER-RIGHT: #eb1067 1px solid; BORDER-TOP: eb1067 1px solid; BACKGROUND: #77ff49 url(http://files.myopera.com/ZDeathAngleZ/Flash/leafcomment.jpg); MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: eb1067 1px solid; BORDER-BOTTOM: eb1067 1px - solid; color: 0d0106; font-size:14px;
}
.comment2 {
CLEAR: both; BORDER-RIGHT: #7a8408 1px solid; BORDER-TOP: #7a8408 1px solid;BACKGROUND: #77ff49 url(http://files.myopera.com/ZDeathAngleZ/Flash/leafcomment2.jpg); MARGIN: 15px 0px; OVERFLOW: auto; BORDER-LEFT: #7a8408 1px solid; WIDTH: 100%; BORDER-BOTTOM: #7a8408 1px solid; color: #7a8408 ; font-size:14px;
Em vừa thêm đoạn code vào CSS, không bít có dc ko, chị xem giúp
ZDeathAngleZ # 4. May 2007, 12:06
BORDER-RIGHT: #426a19 1px solid;
BORDER-TOP: #426a19 1px solid;
BACKGROUND: url(http://files.myopera.com/ZDeathAngleZ/Flash/images.jpg) #ffffff no-repeat right bottom; MARGIN-BOTTOM: 20px;
PADDING-BOTTOM: 131px;
OVERFLOW: hidden;
BORDER-LEFT: #426a19 1px solid;
WIDTH: 100%;
PADDING-TOP: 0px;
BORDER-BOTTOM: #426a19 1px solid
}
Còn cái này vậy là ổn fải ko chị
hoatrongvuon # 4. May 2007, 12:08
hoatrongvuon # 4. May 2007, 12:11
font-family:arial,'trebuchet ms',helvetica,sans-serif,tahoma,verdana;
Nếu chưa em thêm vào nha.
ZDeathAngleZ # 4. May 2007, 12:15
ZDeathAngleZ # 4. May 2007, 12:18
ZDeathAngleZ # 4. May 2007, 13:13
Dùng IE, em thêm code vào body rồi mà vẫn không hiển thị dc tiếng Việt, chị giúp em với +_+
1/ Xóa khung.
2/ Cái khung xích qua trái + xích lên 1 tý cho chữ nó đừng sát với khung quá.
Nãy h` spam comment của chị hơi nhiều
hoatrongvuon # 4. May 2007, 13:15
ZDeathAngleZ # 5. May 2007, 01:20
Thx chị.
hoatrongvuon # 5. May 2007, 10:43
ZDeathAngleZ # 5. May 2007, 11:54
font-family:Arial, Helvetica, sans-serif !important;
Cái này mới dc!
Phần title trên cùng vẫn bị lỗi font.
hoatrongvuon # 5. May 2007, 12:01
Em xài phần code của PL cũng được đó.
ZDeathAngleZ # 6. May 2007, 01:19
hoatrongvuon # 6. May 2007, 09:59
Anonymous # 4. June 2007, 11:40
Chị Liên ơi, cho em hỏi làm sao cái Comment bạn bè em co thể viết vào được mà không cần gõ User&Pass. Em cam on chi nhieu.
hoatrongvuon # 4. June 2007, 20:22
hien.do # 5. June 2007, 06:07
yeunguoiphuongxavn # 9. June 2007, 10:02
justkidding # 6. July 2007, 20:24
anhdungnet # 14. July 2007, 16:10
TL2457 # 28. August 2007, 12:50
em lam` song blog em ko con` chu~ lun
hoatrongvuon # 28. August 2007, 13:35
TL2457 # 28. August 2007, 14:01
blog của em làm song chữ không cánh mà bay chẳng thấy chữ đâu nữa
hoatrongvuon # 28. August 2007, 14:12
TL2457 # 28. August 2007, 14:37
mà chị ui , làm sao chèn khung chat dzô blog đc em làm hoài mà n1o không hiện ra với lại chèn hình vào góc phải commen em làm cũng không đc lun chị ạ