Skip navigation.

Trang trí cho phần comments

Nghe lời rủ rê của calvin22 nên lại viết tiếp hehe

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.

Hình con gái ở quán kem bạch Đằng đầu năm 2006Vì sao tôi xài 360

Comments

Nghecon18 7. April 2007, 13:32

sis ui, thankss sis nhiều nhiều lắm , cả ngày hn em đánh vật với cái đó

hoatrongvuon 7. April 2007, 14:03

Em làm được chưa, sao chị không thấy bài comment của em há, bỗng dưng đang ngó ngó cái bài xem thử nó ổn chưa, thì lại thấy comment của em hihi có gì trục trặc kêu chị nha.

Nghecon18 7. April 2007, 14:12

hihi, ok chị ah có gì em tới tìm chị ngay:love:

teletubies 7. April 2007, 15:12

chị Liên ơi, cảm ơn chị nhiều ghê vậy đó. Hôm qua cái blog của em còn chưa ra hồn gì mà chị ngoáy một cái thì hôm nay ngăn nắp, sạch đẹp rồi. Chị chu đáo và nhiệt tình quá. Em cứ ngồi đọc, nghiên cứu mà chưa đâu vào đâu,đưa chị sửa một cái là được ngay. Cảm ơn chị nhiều lắm nhe.

hoatrongvuon 7. April 2007, 15:21

Công nghệ copy và paste thôi mà em, đâu có gì đâu em ơi!!

calvin22 7. April 2007, 18:45

Chị Liên nổi tiếng là nhiệt tình mà . Cám ơn chị Liên nhé ! để làm thử xem .
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

Cai' nay` chi can` CoPy roi` Paste thoi ha chi Lien .Em lam` roi nhung ko thay' ket' qua..San~ tien chi bay` em Viet' Tieng' Viet voi'.Blog cua em ko co' den' 1 cau TV.Hix

hoatrongvuon 8. April 2007, 01:35

Calvin22: Em vào blog của Kiwi đọc luôn nha:
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

Bài hướng dẫn nằm ở phần comment ,vậy mà đi tìm hoài không ra . Cám ơn chị nhiều !

Huyen Trang 9. April 2007, 15:45

chi Liên oi, em copy cai cua chi luôn duoc ko? ma chi nay, paste cai´d o vao phan nao day a?

hoatrongvuon 9. April 2007, 20:39

Em copy phần comments của chị vào phần enter CSS của em đó. Chị nghĩ mấy phần này mọi người rành nên chị không viết nữa. Nếu em chưa rành phấn enter CSS thì vào đây xem nhé: http://my.opera.com/hoatrongvuon/blog/hinh-nen-content

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 :smile:

vkhanh 12. April 2007, 13:20

hi, em quên nói tên phần mềm đó ^^: ColorMania (file setup hơn 600Kb)

hoatrongvuon 12. April 2007, 13:59

Có lẽ chị cần download để cho phần màu thêm phong phú lúc chị làm order lịch cho khách em à, chứ trang trí blog căn bản xài bảng mã màu của chị là được rồi.

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 p: vui quá.

Cảm ơn cái link của em nha. Chị đang lấy xuống.

Nghecon18 12. April 2007, 14:04

cho em down với nhé:love:

nokia5300 16. April 2007, 19:02

well come to my blog.

ZDeathAngleZ 3. May 2007, 11:53

Em làm dc rồi chị Liên ơi, nhưng mà em không bít cách add nó qua bên góc trái(dưới) màn hình, chị cho em cái dòng lệnh đó dc hông, trang trí fần comment dùng lệnh này, còn trang trí phần bài viết thì làm thế nào hã chị ?
Thx p:

hoatrongvuon 3. May 2007, 12:48

Chị không hiểu ý em hỏi:

không bít cách add nó qua bên góc trái(dưới) màn hình



ý em hỏi cái gì????


còn trang trí phần bài viết thì làm thế nào hả chị



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

add hình để trang trí trong khung comment đó chị !
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ứ 1 add hình để trang trí cho comment, em nhìn lại phần code chị đưa em thay url khác là có hình khác liền so với nền comment của chị.

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

.content {
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

Em hiểu vì sao rồi, BACKGROUND:url (http://files.myopera.com/ZDeathAngleZ/Flash/images.jpg)
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 p:

hoatrongvuon 4. May 2007, 11:31

Nếu cái này không được em hãy làm phần code này thử nha:

.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

Có thể theme em khác theme chị chút đỉnh em à.

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

za thx chị :smile:

ZDeathAngleZ 4. May 2007, 12:05

.comment1 {
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 :smile:

ZDeathAngleZ 4. May 2007, 12:06

.post {
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ịp:, làm fiền chị wa'

hoatrongvuon 4. May 2007, 12:08

Em thử làm xem chị xài content không à, nhưng chị có làm cho một số blog khác phần .post thì thấy ổn em à. Em đừng ngại cần gì cứ hỏi em à.

hoatrongvuon 4. May 2007, 12:11

Chị thấy phần comments có hình rồi đấy em. À mà nếu xem IE chữ tiếng Việt không hiển thị, trong thẻ body của em có phần này chưa:
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

Hiz, phần comment, làm sao cho hình ở dưới góc phải, rồi phần bài viết, khung bài viết nó lấn át chữ hết rùi >"<, chỉnh cách ra chút xíu thì làm cách nào hỡ chị? Chị cho em ym! dc hông, nói cho dễ p:

ZDeathAngleZ 4. May 2007, 12:18

Phần post bỏ cái khung đi lun đi dc hông chị ?

ZDeathAngleZ 4. May 2007, 13:13

Xong, fần comment xong hết rồi chị, chỉ còn vụ bài post lên có cái khung xấu quá thôi.
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 p: sr chị nha +__+

hoatrongvuon 4. May 2007, 13:15

Thì em bỏ mấy lệnh BORDER đi em à. Nãy giờ chị đi ăn trưa!!

ZDeathAngleZ 5. May 2007, 01:20

Giờ xong hết gùi p:, còn mỗi zụ làm cho IE hiển thị tiếng Việt tốt là xong.
Thx chị.

hoatrongvuon 5. May 2007, 10:43

Hiện thị tiếng Việt chị bày em khúc trên rồi đó

Chị thấy phần comments có hình rồi đấy em. À mà nếu xem IE chữ tiếng Việt không hiển thị, trong thẻ body của em có phần này chưa:
font-family:arial,'trebuchet ms',helvetica,sans-serif,tahoma,verdana;

Nếu chưa em thêm vào nha.

ZDeathAngleZ 5. May 2007, 11:54

không tác dụng chị à :smile:
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

Không thấy lỗi gì cả ở title hết em à.

Em xài phần code của PL cũng được đó.

ZDeathAngleZ 6. May 2007, 01:19

Của anh PL thì chỉ dc fần bài viết, những fần khác vẫn bị p:

hoatrongvuon 6. May 2007, 09:59

Chị kiểm tra blog em rồi không bị lỗi font nữa em à.

Anonymous 4. June 2007, 11:40

hien.do writes:

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

Em vào My Account/Account Navigation/Blog/Blog Settings/Allow anonymous comments? Em bấm vào YES và save lại là được em à.

hien.do 5. June 2007, 06:07

Em đã làm được rồi, cảm ơn chị Liên nhiều lắm.

yeunguoiphuongxavn 9. June 2007, 10:02

chi lien oi coppy doan code cua chi roi lam sao nua? em moi choi hok bit ? chi chi em zoi ! paste vao dau? thanksssssssss

justkidding 6. July 2007, 20:24

e muốn hỏi về cái hình mấy con bướm xinh xinh ở giữa từng phần của blog chị ạ.hình này làm sao có đc hả chị? lại phải xử lý ảnh linh tinh à? có cách gì hay chị chỉ cho e với nha!

anhdungnet 14. July 2007, 16:10

cái này hay quá

TL2457 28. August 2007, 12:50

hix chi ui
em lam` song blog em ko con` chu~ lun

hoatrongvuon 28. August 2007, 13:35

Đọc và hiểu được em viết gì chị chết liền đó.

TL2457 28. August 2007, 14:01

tại lúc nãy tự nhiên máy em ko viết dấu được nên đành viết tùm lum vậy hì hì hì hì

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

Chị thấy blog chữ đẹp quá chừng mà - ủa ủa song chữ là gì???

TL2457 28. August 2007, 14:37

vậy chắc là trình duyệt của em có vấn đề oài
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ị ạ

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31