Trang trí wrap

Dạo này lười viết bài hướng dẫn cho blog vì có nhiều thứ khác vui hơn, nhưng hôm nay Đức Quốc Xã hỏi nên đành phải trả lời thôi sẵn tiện viết bài luôn.

Đây là 2 thanh dọc hai bên blog gọi là wrap, các bạn nhìn theo hình minh họa sẽ hiểu hoặc nhìn hai thanh màu xanh đậm trong blog của tôi cũng hiểu.



Originally posted by Đức Quốc Xã:

Chị Liên kíu kíu . Chị làm sao đổi được cái khung chính to đùng ngay giữa trang này thành màu xanh lá cây ? Vì khung gốc của em là màu xám (khung em lấy trong 13 cái có sẵn đó, cái thứ 3-4 gì đó), giờ chị chỉ em đổi màu khác với để match với background khác tươi tươi hơn. Chỉ em nhe . Đội ơn chị hê hê ...

Ý em hỏi là cạnh trái và cạnh phải màu xanh lá cây của chị đó . Của em là màu xám.
[/i]



Các bạn muốn làm như thế thì hãy kiếm hình ảnh để upload vào blog, sau đó lấy link. Xem bài hướng dẫn upload và lấy link ở đây nhé: Hướng dẫn upload hình và lấy link

Sau đó các bạn lấy phần code phía dưới đưa vào phần enter css của các bạn là xong.

#wrap1 {
margin:0 auto;
max-width:902px;
background: #d5d5d5
url(http://files.myopera.com/hoatrongvuon/hoclamblog/wrap.jpg)
top left repeat-y;
}

#wrap2 {
background:transparent
url(http://files.myopera.com/hoatrongvuon/hoclamblog/wrap.jpg) top right repeat-y;
}

Các bạn chỉ cần thay cái link màu đỏ của tôi bằng link của các bạn là xong. Hoặc các bạn không thích hình ảnh mà chỉ thích màu đơn thôi thì hãy vào
BẢNG MÃ MÀU và lấy code thay vào code màu đỏ phía trên thôi và bỏ phần url đi là xong.

Ghi chú: Nếu các bạn làm background và wrap cùng link thì blog nhìn sẽ nhẹ nhàng hơn. Blog của tôi không làm như thế được vì cái background có màu trắng, nếu làm wrap giống hình background thì trông khó coi lắm.

Chúc các bạn vui.

Desk calendar and A4 samplesTạo chữ nhấp nháy trong bài viết

Comments

Anonymous Monday, April 2, 2007 9:10:19 AM

Anonymous writes: hé hé . Mở luôn post mới rồi hả . Em mở hàng nhe . Hôm qua em làm được rồi nhưng vẫn còn thắc mắc nhỏ , là chị nói thay đường dẫn url màu đỏ của chị bằng cái của mình . Nhưng em thấy nếu mà thay bằng 1 màu không thôi thì mình chỉ ghi mã số trong bảng màu vào code thôi đúng không, vậy thì đâu có url nữa ? (giống màu xanh lá cây của chị đó). Hay là màu xanh lá cây của chị cũng là url của 1 cái background luôn ?

Liên (Tú, Đăng's Mummy)hoatrongvuon Monday, April 2, 2007 11:25:37 AM

ĐQX: À để chị đưa bảng màu cho mọi người trong bài hướng dẫn luôn. Cái màu xanh lá canh của chị không phải là màu xanh trong bảng màu đâu em mà là cái hình em à nên chị có url hehe, em nhìn kỹ sẽ thấy nó hơi răng răng khúc khúc.

wallpearl: Cảm ơn em khen blog nha, chị thích màu xanh này nhìn con nít, vì thật ra đa số chị viết về con mình.

Anonymous Monday, April 2, 2007 2:44:49 PM

Anonymous writes: Border của chị nhìn nhăn nhăn vậy mới hay chứ . Em vừa mò được nếu không dùng url mà dùng bảng màu thì code của nó sẽ trở nên như vầy : #wrap1 { margin:0 auto; max-width:902px; background:#ffccff; top left repeat-y; } #wrap2 { background:transparent; top right repeat-y; } (thay ffccff bằng mã màu tùy chọn) Trùi ui không ngờ em mò đại mà được, có khiéu học CSI rồi í quên CSS ha ha :-)

Liên (Tú, Đăng's Mummy)hoatrongvuon Monday, April 2, 2007 2:57:27 PM

À ĐQX hả, bảng màu ở đây nè, vào nhìn cho dễ, lấy code cũng dễ nữa:
BẢNG MÃ MÀU

Em không cần đưa url vào và đổi code màu là xong, tại vì chị giải thích thiếu đấy.

LÊ VĂN TÂMsuper_nemchua Tuesday, April 3, 2007 11:46:27 PM

Sao em làm mãi mà không được chị nhỉ !
chỉ hướng dẫn lại cho em được không ?
em làm đúng như chị hướng dẫn rùi mà . Sao chẳng được gì cả àh !
chị cho em đoạn code khác được không ạh

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, April 4, 2007 12:11:52 AM

Vì cái theme của chị là số 2, còn theme của em là số 6 nên khác chút. Em save as blog của em về máy rồi tìm main.css và lấy code của wrap1 và wrap2 của em thôi.

Em vào đây đọc bài: Cách tìm code trong main css - nếu em vẫn làm chưa được thì kêu chị. Giờ chị phải đi ngủ, hơn 1h sáng rồi, cứ hỏi chiều chị bày cho nha.

Nguyễn Duy Khangnguyenduykhang Wednesday, April 4, 2007 4:12:46 AM

Chị ơi, sao upload hình lên album không được sắc nét? Nó cứ mờ mờ nhìn chán quá!

Chen Ying Guo CalvinAT-Q Wednesday, April 4, 2007 11:48:55 PM

đi loanh quanh lòng vòng lại phát hiện thêm 1 bà mẹ vĩ đại.....rất vui làm quen với cô( hay là chị nhỉ ) cháu chỉ mới học 12 thôi àh.............mới viết blog thôi...

Liên (Tú, Đăng's Mummy)hoatrongvuon Thursday, April 5, 2007 9:33:49 AM

Thôi gọi chị đi hihi, chưa già lắm đâu. Muốn nhìn mặt thì bấm vào đây nha.. Welcome em làm blog của chị nha.

Chen Ying Guo CalvinAT-Q Thursday, April 5, 2007 3:27:32 PM

hì...em có qua coi hình rồi... hình đó nhìn ko phải bên VN đúng ko.......nhìn đẹp lắm....em tên CAlvin đang ở CALI rất vui biết chị....

Lightlinks3 Tuesday, June 19, 2007 2:00:44 AM

Cái này có phải là wrap ko chị, và muốn tạo 1 cái như vậy thì phải làm sao? Thanks.. Hình: http://i177.photobucket.com/albums/w219/links_photo/bg1.jpg

alone_cat Tuesday, July 3, 2007 12:28:08 PM

Chi ơi, em là mem mới của opera ko hiểu biết nhiều về CSS, chị có rảnh thì ghé qua blog em xem hộ và chỉ em chỉnh sửa với T.T
Vấn đề là: Banner của blog em coi trên FireFox thì hok sao, nhưng coi trên IE thì banner bị kéo dài cả mảng
Chị giúp em nha chị

QuangTrungquangtrungprovn Wednesday, July 11, 2007 8:14:43 AM

Em chào chị,chị có thể cho em chụp cái giao diện blog của chị để em trang trí cho bài viết của em được không,em sẽ đợi hồi âm của chị từ giờ đến 9h tối nếu chị đồng ý thì post bài trả lời em nhé,cảm ơn chị nhiều

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, July 11, 2007 8:22:57 AM

Giao diện blog màu xanh lá cây này là của người bạn tặng cho thằng con trai chị nên chắc là chị không thể cho em lấy về blog em được em à.

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, July 11, 2007 8:23:45 AM

Giao diện blog màu xanh lá cây này là của người bạn tặng cho thằng con trai chị nên chắc là chị không thể cho em lấy về blog em được em à nhưng chị có giao diện strawberries em có thể lấy về

http://my.opera.com/hoatrongvuon/blog/skin-strawberries

QuangTrungquangtrungprovn Wednesday, July 11, 2007 8:47:54 AM

Em chỉ muốn chụp hình nó rùi paste vào bài viết của em thôi mà để cho bài viết thêm sinh động thôi chứ em không có ý định là lấy theme của chị về làm riêng của em đâu mờ,được không chị ?em cảm ơn về cái hình "skin-strawberries" nó đẹp lắm !

QuangTrungquangtrungprovn Wednesday, July 11, 2007 9:02:54 AM

Nếu khi nào rỗi chi qua blog của em chơi nhé,rùi cho em ý kiến để em sửa chữa blog cho hợp lý,em mới làm nên chưa có nhiều kinh nghiệm lắm,còn chuyện cái hình blog của chị em kiếm cái khác thay vô bài viết trong blog cũng được,làm phiền chị quá,em chào chị...

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, July 11, 2007 9:05:29 AM

Em cần hình để làm cho bài viết nhưng chị chưa biết em viết cái gì nên cũng không hình dung được. Chị vẫn qua blog em ấy chứ, nhưng chưa biết viết gì thôi hổng lẽ say hello.

QuangTrungquangtrungprovn Wednesday, July 11, 2007 9:21:08 AM

À em viết mấy bài như :"Tùy biến blog theo phong cách của bạn_chương 1,2" bây giờ là 3... em cần có thêm ảnh để cho nó thêm sinh động đấy mà,bài viết nào em cũng có hình cả.

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, July 11, 2007 9:26:13 AM

À chị hiểu rồi em cứ lấy skin gờ lin này đi.

QuangTrungquangtrungprovn Wednesday, July 11, 2007 12:13:42 PM

Cảm ơn chị nhiều !

Nguyễn Quốc Bảo ChâuxXxLisaxXx Sunday, August 5, 2007 3:41:45 AM

Cô ơi, sao cháu làm hoài mà nó không xuất hiện gì hết vậy hả cô? Cô xem dùm cháu đi, Blog của cháu là http://my.opera.com/xXxLisaxXx/blog/

Liên (Tú, Đăng's Mummy)hoatrongvuon Sunday, August 5, 2007 9:39:24 AM

Chưa biết em làm gì trong đó nên cô không giúp được.

Nguyễn Tuấn Minhnguyen_tuan_minh Friday, August 24, 2007 6:51:44 AM

Chị Liên ơi
Em đọc nhiều bài viết của chị và em thấy rất hay. Em cũng đang tập tành viết blog cho cu Tũn nhà em. Em có một số điều không hiểu, mong chị giải thích:
- sidewrap của em cứ bị kéo tụt xuống mỗi khi blog của em có nội dung mới thêm vào. Em không làm sao kéo nó lên ngang với nội dung được;
- phần chứ trong tag của em không đổi màu được. Nó đang là màu trắng khó nhìn quá.
- Muốn delete friend trong mục friend thì làm sao hả chị
Em cảm ơn chị nhiều. Chị giúp em với

Liên (Tú, Đăng's Mummy)hoatrongvuon Friday, August 24, 2007 8:15:14 AM

- Trong CSS em gõ Ctrl-F kiếm phần Tag sau đó nhìn trong phần code có phần color thì em đổi màu khác.

- Muốn delete friend chị cũng chưa biết nữa vì không thấy phần delete friend em à.

- sidewrap bị kéo xuống thì chị coi lại blog em đã nha.

Anonymous Monday, August 27, 2007 4:07:54 AM

Anonymous writes: Mẹ Đăng ơi Em sẽ làm theo hướng dẫn của chị, hy vọng sẽ ok. Còn phần bố cục, khi nào rảnh chị nhớ vào xem lại giùm em nhé, chứ bây giờ trông nó cứ lê thê, xấu ơi là xấu. Em cảm ơn chị trước nhé

Nguyễn Tuấn Minhnguyen_tuan_minh Monday, August 27, 2007 4:09:46 AM

Mẹ Đăng ơi
Em vừa viết comment đấy, không phải anonymous đâu. Chị nhớ kiểm tra lại giúp em nhé.

Chen Ying Guo CalvinAT-Q Tuesday, August 28, 2007 7:11:32 AM

má liên cho hỏi làm sao có thể thay màu nền của nguyên cái blog vậy...và Calvin mún gắn thêm một ngôi sao..kế bên chử của thanh menu.... và còn những chuyện này nữa://cái phần code body nó có một cái link..khi Calvin thay vô thì nó ra...cái hình của nguyên cái nện bự bên dưới blog...ở viền ngoài như là máu hồng của má vậy....còn wrap3 thì thay vô là hình của Footer.... còn wrap 1.. và wrap 2 là gì vậy...

Liên (Tú, Đăng's Mummy)hoatrongvuon Tuesday, August 28, 2007 12:01:48 PM

Học đi con trai chứ hỏi nhiều quá Má điếc đấy. COn muốn gắn thêm ngôi sao thì con phải xử lý hình bằng PTS. Code boby là phần ngoài cùng của blog mà con trai. Wrap 1, wrap 2: là mấy cái wrap màu đỏ của Má đó hìhi nhưng thực ra tùy theo từng cái skin CSS chứ không phải chúng giống nhau hết đâu nhé.

Chen Ying Guo CalvinAT-Q Tuesday, August 28, 2007 7:18:27 PM

thanks má mi..hic smile chắc con phải chạy qua danquynh nhưng mà bên đó đông quá...ko bít khi nào mới học song.. OurHappiness <<< má coi dùm con đi rồi chỉ dạy thêm dùm..lần này con hy vọng mà giup con thực hiện cái quyết tâm làm skin để chia sẻ cho mọi người... cái skin này con muốn dựa trên nó và thay đổi ra nhiều skin khác..nhưng hiện giờ con chỉ biết cách thay đổi Banner và Footer..và cái Code body..còn ngoài ra ko bít gì hết.....con qua bên blog cua3 bach_betto hỏi làm sao để thêm hình nền vào Cái Box Comment ( ko phải comment 1 và 2 ) thì Bach_Betto lại đưa cho cái Code như vầy nè...

textarea {width:95%;height:150px;margin:0;background:transparent;color:#ffffff;}
khi gắn cái này vô nó transparent cái footer với cái khung comment luôn..nhưng bên trong phần bài ADD NEW POST nó cũng Transparent thành màu xám của cái viền xung quanh luôn..rất là khó thấy...Má giúp con dùm nếu có thwể hy vọng má chứ thích hết dùm con...Thanks má rất nhiều..

Liên (Tú, Đăng's Mummy)hoatrongvuon Tuesday, August 28, 2007 7:21:42 PM

Con nên lấy một cái CSS của blog nào đó chẳng hạn và về ngồi nghiên cứu banner là gì, footer là gì, wrap1, wrap 2, wrap 3 là gì, comment, tag, sidebox như thế nào, vọc 1 lúc là con hiểu hết à.

Chen Ying Guo CalvinAT-Q Tuesday, August 28, 2007 9:36:15 PM

cám ơn má...hy vọng sau này có gì ko hỉu..con qua hỏi nhiều quá thì mà cũng đừng bực mình nhen smile ..con mà ko hỏi má thì hỏi ai bây gơờ smile..cám ơn má rất nhiều

Liên (Tú, Đăng's Mummy)hoatrongvuon Tuesday, August 28, 2007 10:14:42 PM

Ừa cứ hỏi Má biết tới đâu chỉ tới đó con à.

Nguyễn Quốc Bảo ChâuxXxLisaxXx Saturday, September 22, 2007 5:32:49 AM

#wrap1 {
margin:0 auto;
max-width:902px;
background: #d5d5d5
url(http://files.myopera.com/xXxLisaxXx/Sakura01/CherryTree_bg.jpg) top left repeat-y;
}

#wrap2 {
background:transparent
url(http://files.myopera.com/xXxLisaxXx/Sakura01/CherryTree_bg.jpg) top right repeat-y;
}

Cô ơi, cái code này nó sai chỗ nào mà con làm hoài nó không xuất thiện gì hết vậy hả cô? Cô coi lại dùm con với.

Liên (Tú, Đăng's Mummy)hoatrongvuon Saturday, September 22, 2007 7:38:35 AM

Luc xua co lam la theme cu~, gio opera nang cap nhieu nen cung khac nhau. De co coi lai thu cho em xem sao nha.

Đấtfunny_ghost_88 Wednesday, November 28, 2007 3:21:13 AM

chị có thể cho em một cái CSS nguyên trạng mà chưa qua chỉn sửa ko
em muốn tự mình làm một cái mới

Liên (Tú, Đăng's Mummy)hoatrongvuon Wednesday, November 28, 2007 10:13:00 AM

chị không có cái nào hết, em muốn thì em đi save về em à.

Nguyen Khac Hoankhachoan93 Saturday, September 13, 2008 8:12:19 AM

alo thong bao chi oi
Sao em lam blog duoc ma nguoi khac khong vao doc duoc la sao chi em zoi chi ui

Liên (Tú, Đăng's Mummy)hoatrongvuon Saturday, September 13, 2008 9:28:35 AM

Chị đọc được em à, có 3 post phải không em?

Nguyen Khac Hoankhachoan93 Saturday, September 20, 2008 9:56:18 AM

ok đọc được roài chị ơi
a chị ơi làm sao để lấy link nhạc mà em up lên ở blog em hả chị

Nguyen Khac Hoankhachoan93 Saturday, September 20, 2008 9:57:03 AM

trả lời em nha thansk pà chị yes

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

February 2012
S M T W T F S
January 2012March 2012
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