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

Trang trí side caption và side box

Wednesday, 14. March 2007, 20:53:18

1. Chọn ảnh thích hợp.

2. Upload ảnh lên hosting của blog.

Các bạn bấm My Account- Files- chọn Upload new file và bấm Browse để chỉ đường link dẫn đến file ảnh, cuối cùng bấm Upload, hình của bạn sẽ được upload lên blog.

3. Tìm đường link của hình tới blog

Chọn Archive, trong mục Archive là toàn bộ các file của bạn. Bạn tìm đến file vừa upload lên kích phải chuột vào nó và chọn Properties, một cửa sổ pop up sẽ hiện ra và đường link Adress chính là đưòng link dẫn đến file hình làm banner của bạn. Nhớ copy nó để dùng cho đoạn code dưới đây nhé

Mời các bạn tham khảo bài trước tôi đã hướng dẫn nha:
http://my.opera.com/hoatrongvuon/blog/upload-hinh-vao-opera-va-lay-link-2

4. Đoạn code:

Khi đã có hình và đường link của hình trên blog, bạn sẽ cần đến đoạn code này:

#side h2, #side caption {
color:#ea3c48;
background:#990000 url(http://img.photobucket.com/albums/v76/lienrom/tubanner.jpg);
font-size:11px;
font-weight:normal;
text-transform:uppercase;
margin:0 0 1px 0;
padding:2px 0 2px 5px;
text-align:left;
}

.sidebox .pad {
background:#7a9b0c url(http://img.photobucket.com/albums/v76/lienrom/tubanner.jpg) top left repeat-x;
padding:5px;
border:1px solid #457439
}

Hãy đổi phần màu đỏ trong đoạn code trên nhé. Sau đó đưa vào phần css (xem bài hướng dẫn ở đây http://my.opera.com/hoatrongvuon/blog/hinh-nen-content) và bấm F5, sidecaption và sidebox của bạn đã được đổi rồi đấy.

Đây là BẢNG MÃ MÀU các bạn dùng nó để thay màu khác nha. Có thể các bạn chỉ thích màu thôi không xài hình ảnh thì không bỏ link url đi và thay mã màu là xong.

Có thể các bạn chọn theme khác thì code nó sẽ khác 1 tí, nếu các bạn làm không được cứ thoải mái hỏi nha, Liên sẽ giúp trong khả năng của mình để bạn có được sidecaption hay sidebox như ý nhé.

Trang trí backgroundLịch Nakamori

Comments

1 2 Next »

snowmicky # 16. March 2007, 11:32

chị ơi hôm nọ em thấy chị có mấy flie flash (lá rơi) đẹp lắm nhưng em không bít cách add flie flash của em vào blog chị chỉ giùm em được không. chị post một bài hướng đãn rồi gửi qua Y!m của em nhé?. Y!m của em là:nghiangominh.
cám ơn chị nhé

hoatrongvuon # 20. March 2007, 13:48

Chị gửi qua YM cho em lại lần nữa rồi đó

nguyentuankien # 21. March 2007, 09:44

chị ơi E thích nhất là chị hướng dẫn bằng hình sống động thế này, hi hi như thế E mới hình dung ra được

hoatrongvuon # 21. March 2007, 11:20

Chị cũng thích chỉ dẫn có hình dễ hiểu vì nhiều mẹ nhìn hình theo biết làm em à, chứ đôi khi nói chưa hình dung là cái nào.

calvin22 # 22. March 2007, 12:16

chị Liên ơi ! cái side caption thì em làm được rồi,nhưng sao sidebox em làm hoài không được vậy nè ? em thử copy sidebox của chị rồi đổi đường link của em mà vẫn không được . Còn trong main css của em chỉ có mấy đoạn này thôi :
.sidebox {
width:200px;
border-bottom:6px solid #fff;
}

.sidebox .pad {
padding:5px;
}

.sidebox p {
margin:0;
}
vậy muốn sử dụng nó phải bỏ link ở đâu hả chị ?
Em đi mấy trang của các anh chị ,copy thử mấy đoạn code mà mấy anh chị đưa sao em save ,rồi bấm f5 hoài không ra ? hay là code của ai nấy xài hả chị ?

3d-album em làm được rồi chị ơi! mừng quá đi ! mà em tức ông chồng của em ghê . Mấy bửa nhờ nghiên cứu giùm em . ảnh coi qua loa ,rồi nói : anh chịu . Hôm nay em phán một câu : anh mà tìm được cách bun ra DVD dược là cái gì em cũng chịu hết . Thế là ảnh ngồi tìm cả buổi ,quyết làm cho được . Gio được rồi . Thì ra sau khi chọn hình ,chọn khung xong thì phải bấm vô ô Build nửa .
Chị có thích chương trình này không ? nếu thích thì em sẽ gửi cho chị thêm link khung .

hoatrongvuon # 24. March 2007, 01:01

Cái code của chị nè, em gắn link vào giống như chị đi

.sidebox .pad {
background:#7a9b0c
url(http://img.photobucket.com/albums/v76/lienrom/tubanner.jpg) top left repeat-x;
padding:5px;
}

Chị có trả lời bên blog em dzụ 3d rồi em nhé.

Thangngduc # 24. March 2007, 04:21

Chi Lien oi em khong hieu nhung tu viet tat cua chi : css va WTT la gi em khong hieu ?

hoatrongvuon # 24. March 2007, 10:23

WTT là Webtretho link đây em: http://www.webtretho.com/forum
Còn CSS (Cascading Style Sheets) là code để trang trí cho blog.

Cảm ơn em ghé thăm blog chị nha.

calvin22 # 24. March 2007, 20:05

Sao copy y như của chị rồi thay cái link của em ,mà không được vậy chị ơi !Không hiểu em làm sao mà mỗi lần đi copy cái đoạn code của người ta rồi save vào là không được à ! chị bày cách cho em với
còn nữa , sao em upload photos ,rồi có ghi tag ,nhưng không thấy nó hiện lên ở menu hả chị ? còn nữa...nhưng mai mới hỏi ,hì hì ...
mỗi ngày mỗi câu hỏi ,làm phiền chị hoài ha !

hoatrongvuon # 25. March 2007, 09:25

- Photo, tags liên quan gì đến menu hả em.

- Em đang nói cái gì, copy code gì của bên blog người khác. Chị đã nói rồi em copy nhiều code quá, cái gì cũng bỏ vào máy em hết nên nó không hiện ra là đúng rồi.

- Hỏi phải rõ ràng thì chị mới trả lời được nha, vấn đề cần của em là gì, viết một cách rõ ràng, không chồng câu này lên câu kia chị không biết ý em hỏi là cái gì.

calvin22 # 25. March 2007, 12:44

Dạ em biết rồi chị . Em không hỏi lung tung nửa đâu .

savannahvu # 30. March 2007, 06:53

Chị Liên, chỉ dùm H cách làm cái background bên ngoài đi, i.e. cái background trong blog của chị là phần màu trắng, có mấy bông hoa 3 lá màu xanh lá cây đó. Cám ơn chị nhé.

hoatrongvuon # 30. March 2007, 06:57

Day la ba`i trang tri background nha em:
http://my.opera.com/hoatrongvuon/blog/trang-tri-background

nangtienongtre_3171 # 14. May 2007, 12:01

Cô ơi Blog của cô có ích thiệt!!!!Con cám ơn cô nhiều lắm!!!

shicoran # 18. June 2007, 07:00

*Sao tự nhiên cái phần bên tag của kon nó nhảy tùm lum vậy cô, trong xí quá đi thui. Mà sao cái phần màu xanh kon đổi màu khác ko được vậy cô? Có gì cô qua xem giùm kon nhá! Cám ơn cô nhìu lắm

hoatrongvuon # 18. June 2007, 08:48

Bình thường mà em, cô đâu thấy lệch đâu..

Btw, add code này vào phần enter CSS nha, để blog hiển thị tiếng Việt:


#wrap1 {
font-family:Arial, Helvetica, sans-serif !important;
}
#content {
font-family:Arial, Helvetica, sans-serif !important;
font-size:13px;
        }

shicoran # 27. June 2007, 05:10

*Cô ơi! Cái chữ trong phần tag của kon nó màu vàng. làm cách nào để đổi màu cho nó vậy cô.
*Còn cái chỗ Friends và Recent Vistors của kon nó hok có ẳm ngay ngắn, làm sao để sửa?

namkhanh_trinh # 7. July 2007, 04:29

Chị ơi vậy cứ copy các code rồi dán vào CSS của mình mà không thêo thứ tự thì không lên được hả chị? Em cũng trang trí phần nào thi copy code phần đó, kết thúc nó hổng lên được, chỉ lên được mỗi phần chữ tag đều thôi. hi...

quangtrungprovn # 14. July 2007, 09:22

giúp em với chị Liên ơi,em không hiểu vì sao phần mainwrap và sidewrap của em nó cứ thay đổi chỗ cho nhau liên tục,lúc em vào là bên trái khi thoát ra rùi vào lại thì nó lại nhảy sang bên phải,em ko biết làm sao bây giờ nữa,nếu em gửi bài mới thì nó báo "400..." em botay.com rùi chị giúp em nhé em đợi tin của chị,đoạn code của em là vậy chị xem có sai gì ko:
#mainwrap {
FLOAT: right;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-LEFT: -280px
}

#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-LEFT: 20px
}

#sidewrap {
FONT-SIZE: 11px;
FLOAT: left;
OVERFLOW: hidden;
WIDTH: 230px
}

hoatrongvuon # 14. July 2007, 09:33

Blog của em có bị gì đâu, 400 là lỗi của Opera đấy.

quangtrungprovn # 14. July 2007, 09:49

em restart lại máy rùi vào lại thì lại hết không thể hiểu lổi,cám ơn chị nhiều,à em muốn thay đổi màu nền của bài viết trong blog thành màu trắng thì làm thế nào hở chị,chị chỉ giúp em nhé.Cảm ơn chị nhiều

Anonymous # 14. July 2007, 13:55

Anonymous writes:

Chị à cái blog của em lại bệnh cũ tái phát rùi.Em dùng cả 3 con xem firefox,opera.ex.. xem đều hiển thị giống nhau cả .... khổ quá.Em thấy nản rùi....

hoatrongvuon # 14. July 2007, 19:54

Chị không biết em là ai cả hì hì... và cũng không biết blog em mặt mũi ra sao nên không biết bệnh cũ là bệnh gì

quangtrungprovn # 15. July 2007, 09:13

sorry chị Liên em là Trung ở trên đó... trời ạ giờ vào blog lại không sao em thấy là nếu em cứ sửa bài hay viết gì vào ô "Enter Css" là nó bị vậy,bực lắm nhưng ko biết làm sao cả đành phải đợi hôm sau vào thì lại hết.Em thấy blog của chị với anh PL thì vào lúc nào cũng ổn cả chả bù cho cái blog khỉ gió của em...còn ảnh thì lúc hiện lúc nó chả thèm lên,nhưng đã lỡ làm rùi đành phải cố thôi em cũng có hỏi bên blog của anh PL nhưng ko thấy trả lời...chắc ông ấy lười viết..hì.còn chị thị em thấy chị trả lời nhanh quá.....hì cảm ơn chị nhiều

hoatrongvuon # 15. July 2007, 11:16

Đành vậy thôi chứ biết sao, đôi khi Opera bị lỗi cái gì đó em cứ bấm back rồi thử lại xem sao, chị toàn làm như vậy.

quangtrungprovn # 15. July 2007, 12:18

À cho em hỏi 1 chút nhé thế chị làm thế nào mà tạo ra được mấy phần này thế ?

quangtrungprovn # 15. July 2007, 12:21

Em cũng muốn tạo 1 phần như thế vì lũ bạn em nó ngại tạo ac lắm làm thế cho tiện ai cũng có thể viết vô blog được.Cảm ơn chị !

hoatrongvuon # 15. July 2007, 12:37

Em xem link này: http://my.opera.com/hoatrongvuon/blog/nhung-tips-nho-nho
câu 11 nha.

quangtrungprovn # 15. July 2007, 13:39

Thì ra vậy,cảm ơn chị đã chỉ cho em,nếu ko có chị thì chắc em cũng chẳng biết đâu,một lần nữa cảm ơn chị nhều...
Cho em hỏi cái này hơi "private" 1 chút trả lời "comment" của em liệu có làm chị mất nhiều thời gian không tính em thì hay tò mò nhất là cái gì mà em không làm được mà có người làm được là em "ức" lắm...hì nên em hay hỏi cho bằng được.Vậy nếu chị không phiền thì nhân em làm đồ đệ nhé để có gì em còn hỏi chị...hì.Em không hiểu cái ngôn ngữ CSS này nó có bị lỗi như ngôn ngữ C++ hay không cái ngôn ngữ C++ nó có 2 loại lỗi "Error" và "warning" cái lỗi "Error" thì không chạy được còn "warning" thì vẫn chạy được nhưng cho kết quả có thể không chính xác hoặc chập chờn vậy em tự hỏi rằng cái blog của em nó có bị rơi vô loại "warning" không nhỉ,ngôn ngữ C thì em còn biết chút chứ cái ngôn ngữ này nó lằng nhằng quá không biết sai chỗ nào mà sửa cả vì vậy nếu em có gì không hiểu thì nhờ chị giúp em nhé...Thank chị Liên

hoatrongvuon # 15. July 2007, 13:46

Câu trả lời nào cũng mất thời gian hết em, nhưng chị lúc nào cũng muốn giúp người khác nên sẵn lòng trả lời khi có thể...

Còn ngôn ngữ C++ thì phải hỏi đến xã của chị, chứ chị mù...

và lỗi của Opera thì chị cũng mù luôn...

quangtrungprovn # 15. July 2007, 14:35

Hì em có thắc mắc vậy thui,chắc em cũng không tìm hiểu kĩ về nó làm gì chỉ cần hơi đu đủ để làm cái blog của em thui,em tạm hỏi vậy nếu có gì ko hiểu em lại phiền chị tiếp nhé .Chúc chị ngủ ngon

hoatrongvuon # 15. July 2007, 14:39

Trời đến bây giờ em cũng không biết chị ở đâu sao mà chúc ngủ ngon.

quangtrungprovn # 15. July 2007, 14:52

ủa,vậy chị còn đi làm sao ?em ko biết...hì thế mấy giờ chị ngủ vậy ?
em cứ tưởng mình thức muộn lắm rùi.... nên tưởng ai cũng ngủ hết à

hoatrongvuon # 15. July 2007, 14:56

Trời!! chị đi ngủ cũng bình thường như mọi người thôi mà.
Qua blog chị hàng ngày, hỏi chị đủ thứ mà viết như vậy chị thất vọng quá.

quangtrungprovn # 15. July 2007, 15:13

hì hì,em toàn hỏi chị về làm và sửa lỗi blog chứ có bao giờ hỏi chị "Mấy giờ ngủ" mà biết được

,mà qua trang blog này em thấy chị vui tính phết,đi làm cả ngày rùi mà tối vẫn trả lời thư mà ko ca thán gì cả... Bái phục chị đó,em ngồi cạnh máy tính cả ngày chỉ trừ mỗi lúc ăn cơm và ngủ,.. cũng thấy mệt lém rùi,em viết nhều vậy sẽ làm xấu Phần "comment" trong blog của chị đó hì....

quangtrungprovn # 15. July 2007, 15:17

À chị có muốn làm 1 cái khung đo số người truy cập vô blog của chị ko,làm như của em nè,tuy em làm ko được đẹp cho lắm nhưng mỗi khi nhìn vô đó thấy số tăng nên nhiều thích lém,chắc số đó tăng là do em vào nhìu đấy chứ có ai vô đâu.... buồn chết..

hoatrongvuon # 15. July 2007, 15:18

Trời!!! em viết như vậy chứng tỏ em cũng chả biết gì cả... Các blogger khác vào ít hơn, hỏi ít hơn em nhưng điều biết chị sống ở đâu cả..

Thôi chị đi nấu cơm chiều đây. Bye em.

Cái chuyện em nói chị rành từ lâu lắm rồi mà chị không làm em à mà chị cũng đã từng bày nhiều người làm lắm rồi

quangtrungprovn # 15. July 2007, 15:25

"United Kingdom" là ở đâu vậy cà? ko biết có phải ở Mỹ ko nữa mà em cũng qua mỹ rùi mà,ở đó giờ mới có 10h sáng thui sao đã sang chiều vậy cà?thứ lỗi vì em đã ko đọc phần about của chị chắc chị giận lắm hà! sorry chị

hoatrongvuon # 15. July 2007, 15:27

Bó tay

quangtrungprovn # 15. July 2007, 15:31

chẹc em nhớ bên Mỹ gọi là "United States" chứ đâu có gọi là"United Kingdom" lại vấp vô phần khó hiểu rùi... nếu dịch trắng sang tiếng việt thì nó là "Vương quốc đoàn kết" nghe cũng hay đấy.... Vậy em "múa rừu qua mắt thợ" rùi,lần sau ko giám thế nữa

hoatrongvuon # 15. July 2007, 15:57

Chị đâu ở Mỹ đâu mà em dịch xuôi dịch ngược vậy.

quangtrungprovn # 15. July 2007, 16:01

he he vậy là em đoán gần đúng,có lệch chút xíu chị ở England,hix thảo nào "Nấu cơm chiều" nghe ko hiểu tưởng chị đùa,ko biết chị có giận em ko ta...thôi em ngủ đây

quangtrungprovn # 15. July 2007, 16:13

à em mới mở hòm mail ra xem thấy có ảnh anh chị cùng 2 cháu trong đó Cám ơn chị mở hàng cho cái Guestbook của em,em chúc anh chị có 1 cuộc sống hạnh phúc,và 2 cháu mau lớn... Nếu tết này rảnh em qua Mỹ thăm ông anh rùi tạt qua England chơi biết đâu qua chỗ chị đó...hì

hoatrongvuon # 15. July 2007, 16:49

Em tưởng Mỹ và Anh gần nhau lắm hả

quangtrungprovn # 15. July 2007, 17:19

Em đoán là cũng gần mà..

thú thật em chưa qua Anh,chị có thường xuyên về VN chứ?lại hỏi ngoài lề rùi em đã định ngủ rùi nhưng thằng bạn bên Mỹ nó nhắn tin nên ngồi chat với nó cho đỡ buồn,nó nói là cố gắng sắp xếp tết này về VN thăm các bác,tiện thăm em luôn thể... Mà chắc chị qua Anh lâu rùi nhỉ,em xem qua mấy bài trong blog của chị có mấy bức ảnh chụp thành phố nơi chị ở,em thấy đẹp quá,nó hiện đại nhưng ko chật chội như ở Mỹ,Chị làm em muốn tới Anh roài..hì

quangtrungprovn # 15. July 2007, 17:23

à chị cho em một lời khuyên được không?em muốn thay nền cái blog,cái nền phần viết bài đấy,blog của em đen thui thì theo chị nên để nền bài viết màu gì để cho toàn bộ blog nhìn hài hòa về màu sắc,em định để màu trắng nhưng thấy nó thế nào ấy,nó nổi quá...

quangtrungprovn # 16. July 2007, 16:17

Em làm mãi mà cái này mà ko được,save rùi reload mãi cũng ko thấy có thay đổi gì cả,đành nhờ chị giúp vậy chị xem hộ em
http://files.myopera.com/quangtrungprovn/image/kohieunua.JPG

quangtrungprovn # 16. July 2007, 16:18

nếu chị còn "Thức" thì chỉ cho em nhé,em online đến 12h giờ việt nam

hoatrongvuon # 16. July 2007, 17:35

Cái này là footer của đấy, chị làm bằng Photoshop em à, cũng khá là tỉ mỉ.

quangtrungprovn # 17. July 2007, 02:31

Em thấy đẹp đấy,chắc phải đầu tư thời gian nhiều chị nhỉ,em đang định nhờ chị xem hộ em đoạn mã trong blog của em phần làm footer em có làm theo hướng dẫn của chị nhưng ko được,chắc có sự khác biệt gì đó...

1 2 Next »

Showing comments 1 - 50 of 92.