Liên (Tú, Đăng's Mummy)

Trang trí wrap

Sunday, 1. April 2007, 22:48:24

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.

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 # 2. April 2007, 09:10

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 ?

wallpearl # 2. April 2007, 10:41

Chị mới thay skin? đẹp ghê ^_^

hoatrongvuon # 2. April 2007, 11:25

Đ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 # 2. April 2007, 14:44

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

hoatrongvuon # 2. April 2007, 14:57

À Đ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.

super_nemchua # 3. April 2007, 23:46

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

hoatrongvuon # 4. April 2007, 00:11

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.

nguyenduykhang # 4. April 2007, 04:12

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á!

CalvinAT-Q # 4. April 2007, 23:48

đ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...

hoatrongvuon # 5. April 2007, 09:33

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.

CalvinAT-Q # 5. April 2007, 15:27

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ị....

links3 # 19. June 2007, 02:00

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 # 3. July 2007, 12:28

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ị

quangtrungprovn # 11. July 2007, 08:14

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

hoatrongvuon # 11. July 2007, 08:22

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 à.

hoatrongvuon # 11. July 2007, 08:23

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

quangtrungprovn # 11. July 2007, 08:47

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 !

quangtrungprovn # 11. July 2007, 09:02

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ị...

hoatrongvuon # 11. July 2007, 09:05

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.

quangtrungprovn # 11. July 2007, 09:21

À 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ả.

hoatrongvuon # 11. July 2007, 09:26

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

quangtrungprovn # 11. July 2007, 12:13

Cảm ơn chị nhiều !

xXxLisaxXx # 5. August 2007, 03:41

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/

hoatrongvuon # 5. August 2007, 09:39

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

nguyen_tuan_minh # 24. August 2007, 06:51

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

hoatrongvuon # 24. August 2007, 08:15

- 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 # 27. August 2007, 04:07

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é

nguyen_tuan_minh # 27. August 2007, 04:09

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é.

CalvinAT-Q # 28. August 2007, 07:11

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

hoatrongvuon # 28. August 2007, 12:01

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é.

CalvinAT-Q # 28. August 2007, 19:18

thanks má mi..hic

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

hoatrongvuon # 28. August 2007, 19:21

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 à.

CalvinAT-Q # 28. August 2007, 21:36

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

..con mà ko hỏi má thì hỏi ai bây gơờ

..cám ơn má rất nhiều

hoatrongvuon # 28. August 2007, 22:14

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

xXxLisaxXx # 22. September 2007, 05:32

#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.

hoatrongvuon # 22. September 2007, 07:38

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.