Thủy Hiền

Thay đổi banner Blog Opera (Phạm Lâm)

Saturday, September 9, 2006 5:29:15 PM

Tới đây, tôi nghĩ đọc bài hướng dẫn của Phạm Lâm sẽ dễ hiểu hơn, vì bạn đã có một số khái niệm cơ bản về Web Page Layout rồi

Bài trích từ Blog của Phạm Lâm, có sửa chữa chút xíu

Để thay đổi banner mặc định của Opera thì trước hết bạn phải biết kích thước của banner sau đó tạo một bức ảnh có kích thước như vậy để sẵn sàng thay thế. Opera cũng có trang tạo sẵn một số các bức ảnh có kích cỡ đã định để các bạn thay thế (thư viện banners của Opera).

Riêng tôi thì tôi tự tạo ra một banner và upload vào trong phần My Files của Opera. Để thay đổi banner các bạn hãy mở file main.css của mình ra tìm tới đoạn code có chữ #top2 (cách đơn giản để tìm là mở file css ra bằng Notepad nhấn Ctrl+F để mở ô tìm kiếm sau đó gõ vào từ #top2 để tìm).

Ví dụ:

#top2 {
height: 116px;
padding-left: 15px;
background: #2f569b url(/community/graphics/users/1/top.gif) top left repeat-x;
border-bottom: 1px solid #fff;
}

* height: 116px: Chiều cao của banner, các bạn có thể chỉnh thông số này bằng với chiều cao của bức ảnh;
* #2f569b: Màu của banner nếu ảnh nền banner không hiển thị, trong đó #2f569b là mã của màu;
* /community/graphics/users/1/top.gif: Đường dẫn đến file ảnh banner;
* top left repeat-x: Lặp lại bức ảnh từ phía trên cùng bên trái theo trục x tức là xếp liên tục bức ảnh đó từ trái qua phải.

Đoạn in đậm chính là phần quan trọng để thay đổi banner. Bạn chỉ cần chỉ đường dẫn tới file ảnh của bạn là banner của bạn sẽ được thay đổi. Nếu bạn chỉ muốn banner là màu thôi thì đoạn background sẽ được thay thế thành background: #000000; (thay #000000 thành mã màu mà bạn muốn).

Chúc bạn thành công!

Thay đổi background Blog OperaQuy tắc phát âm trong tiếng Anh của người Mỹ

Comments

1 2 3 Next »

Mr. Soloquatimbac # Monday, October 2, 2006 7:59:05 AM

Chi ơi em là người mới bước` vào làng blog em chưa biết gì về mấy cài css trên
"Riêng tôi thì tôi tự tạo ra một banner và upload vào trong phần My Files của Opera. Để thay đổi banner các bạn hãy mở file main.css của mình ra tìm tới đoạn code có chữ #top2 (cách đơn giản để tìm là mở file css ra bằng Notepad nhấn Ctrl+F để mở ô tìm kiếm sau đó gõ vào từ #top2 để tìm).

Ví dụ:

#top2 {

height: 116px;
padding-left: 15px;
background: #2f569b url(/community/graphics/users/1/top.gif) top left repeat-x;
border-bottom: 1px solid #fff;
}"
không biết cái gì luôn ở đâu lại có em không biết luôn mong chị hướng dẫn thnaks làm sao để làm được

Thủy Hiềndanquynh # Tuesday, October 3, 2006 4:33:36 AM

Muốn tìm file main.css thì bạn coi kỹ lại post Thay đổi giao diện Blog Opera trong 10 phút trước nhé.

...
Bạn trở lại trang Blog, và dùng menu "Save As" của Internet Explorer để lưu vào ổ cứng của bạn. Lúc này, trong ổ cứng của bạn sẽ có một file.html và một folder lưu một số hình ảnh và các file.css. Bạn tìm file main.css và mở bằng notepad, wordpad, hoặc Microsoft FrontPage. Bạn cũng cần mở sẵn một trang trắng (untitled của notepad/ wordpad hoặc new page của MS FP). Tất cả những thay đổi của bạn sẽ được lưu trong trang trắng này để sau đó paste vào ô Enter CSS (như đã hướng dẫn ở trên).

Tốt nhất là bạn xem từ post Trang trí Blog Opera theo sở thích cá nhân nhé. Vì mỗi phần đều có liên quan tới phần trước. Nếu bạn không đọc theo thứ tự thì rất khó đó

Good luck! Nếu có gì thắc mắc thì cứ liên hệ với tớ nhé

Anonymous # Wednesday, October 4, 2006 3:09:13 AM

Anonymous writes: Chị ơi. Em mới sửa lại cái banner nhưng vẫn chưa vừa ý tẹo nào. Chị ghé qua và góp ý giúp em nhé. Em sửa phần width và hight của banner thấy cũng không làm sao để vừa khít được. Phần foot, và phần body, background, chị cho em biết muốn tìm những hình nền nhìn liền khối nhưn của chị phải tìm ở đâu? Em thử chèn hình nhưng có lẽ do kích thước của hình nhỏ nên khi chèn, nó thường bị chia ra nhiều mảnh, trông xấu tệ. Ah, em phải làm sao để tên em hiện lên ở "By Mattrangxanh, # 3. October 2006, 04:33:36", ví dụ thế. Mỗi lần em gõ tên vào phần yourname, chỉ hiện tên ở phần comment, chị cứ nhìn vào các comment của em thì cụ thể hơn. http://my.opera.com/mattrangxanh

Hồ Nguyễn Việt Thưxikechua # Wednesday, October 4, 2006 3:54:05 AM

Em đọc lại các bài viết theo thứ tự từ đầu đến cuối đó em
Sẽ rõ hơn em ah.
Đọc kĩ và làm theo em nhe.

(-- Nói dzậy chứ a cũng hổng rành CSS lắm đâu) hehhe

Hồ Nguyễn Việt Thưxikechua # Wednesday, October 4, 2006 3:58:31 AM

Dù sao rất thanks bạn Hiền đã có những bài viết khá hay như thế này.
Rất ít blogger bật mí hay chia sẽ kinh nghiệm làm blog cho người khác lắm.

Mong bạn có nhiều bài viết bổ ích hơn nữa nhe!

Ah! cho mình hỏi mỗi skin có sẵn của opera hình như có 1 main. CSS khác nhau.
Mình thấy chèn vài CSS của mình vào có skin chạy hiển thi tốt có mấy cài hiển thị k đúng.

Ah và cho mình hỏi mấy cái sidewrap default nó nằm bên phải. Thấy bạn và Phạm Lâm nó bên trái. Hay nhỉ?
sao vậy ta?

Thủy Hiềndanquynh # Wednesday, October 4, 2006 4:27:09 AM

Em mattrangxanh, em xem trong file main.css của theme mà em đã chọn đoạn code, ví dụ trong theme số 2 là:

#top2 {
BORDER-TOP: #555 1px solid; PADDING-LEFT: 15px; BACKGROUND: url(/community/graphics/users/2/top.jpg) #527fbf right top; HEIGHT: 146px
}

chính là banner. Em chú ý phần ảnh hiển thị (background), em thêm url tuyệt đối (http://my.opera.com/community/graphics/users/2/top.jpg) để download banner, rồi xem kích thước chính xác của nó là bao nhiêu. Tiện thể trả lời luôn cho bạn xikechua, mỗi file main.css đều khác nhau nên bạn muốn save bằng option 1 (combine) thì bạn phải dùng chính xác file main.css của cái theme mà bạn đã chọn.

Muốn tìm banner liền khối thì chắc là... khó lắm

Thật ra cái banner của chị là do chị crop từ 1 cái ảnh có kích thước 10x15. Nếu chị biết design thì chị cũng tự design 1 cái, nhưng... không đủ nội lực

Nếu em muốn chèn hình vào banner thì cần phải làm sẵn bằng photoshop, nếu đưa hình nhỏ so với banner default thì nó sẽ tự động repeat (lập lại).

Muốn tên em hiển thị trong comment thì em cần phải log in bằng tên của em trước khi comment

Welcome bạn xikechua đến với blog của tớ nhé

Và cám ơn bạn có lời khen

Chắc là bạn đùa thôi, vì tớ xem profile thấy bạn là technical support của Fpt mà, làm sao không rành CSS hoặc không biết thay theme được. Anyway, nếu bạn muốn đổi vị trí sidewrap thì xem lại post Thay đổi bố cục Blog Opera nhé. Good luck!

Mr. Soloquatimbac # Friday, November 3, 2006 3:11:24 PM

chị ơi cho em hỏi cái banner có dạng ".swf" nó có chạy không vây chị...thanks

Thủy Hiềndanquynh # Monday, November 6, 2006 5:36:16 AM

Sorry, chị không biết

Em hỏi Phạm Lâm thử xem nhé

Anonymous # Thursday, November 23, 2006 3:17:28 AM

Anonymous writes: Chi oi, em muon co chiec la voi 3 hat de nhu chi thi lam sao vay chi, chi cho em doan code di, paste vao dau moi co chi. ?

Thủy Hiềndanquynh # Thursday, November 23, 2006 5:14:35 AM

Bạn xem Thay đổi background Blog Opera nhé

Enjoyenjoy2000 # Tuesday, December 5, 2006 2:55:39 PM

Hình như ko hỗ trợ mấy cái file dạng flash rồi, tiếc ghê á, em có cái banner thiệt đẹp bằng flash mà ko chèn được. huhu
Giá như cái này mà nó dùng ngôn ngữ như html hay php thì hay biết mấy, còn về cái css này thì enjoy mù tịt

Enjoyenjoy2000 # Wednesday, December 6, 2006 3:14:07 PM

Chị ơi, xem giúp cái blog của em thử http://my.opera.com/enjoy2000 trong cái ô enter CSS á, em xóa hết, để nó trắng trơn à. Thế mà khi chọn
Use my custom style sheet together with the current theme, rồi save thì nó lại hiện ra khác, còn khi chọn Do not use my custom style sheet, nó mmới hiện ra bình thường được. Làm thế nào để chỉnh sửa lại được dzậy chị.

Thủy Hiềndanquynh # Thursday, December 7, 2006 4:37:50 AM

Em phải viết cái gì vô trong ô đó thì mới "use my custom style sheet together with the current theme" được chứ. Còn nếu không có gì thì chọn "do not use my custom style sheet". Còn chỉnh như thế nào thì em đọc từ đầu và theo thứ tự của chủ đề này nhé

lucktakesi # Friday, December 8, 2006 4:06:32 PM

cho mình hỏi sao baner mìh cứ lập lại hòai ! bạn có thể cho mhình biết width là bao nhiu ko ? nhưng mình đã dùng photoshop chỉnh sửa nó thành 620, 630, 650, 700 px vẫn ko được nó chỉ hiển thịn 600px thôi nhưng mà bị lặp lại 1 khúc . mong bạn chỉ giáo . thank

Thủy Hiềndanquynh # Saturday, December 9, 2006 10:51:25 AM

Bạn phải biết chính xác chiều dài (width) và chiều cao (height) của banner mặc định trong default theme mà bạn chọn (xem trong file main.css). Sau đó làm một cái banner đúng kích thước đó để thay vào (có thể cao hơn 1 tí, nhưng nếu ngắn hơn thì nó sẽ bị lập lại).

Anonymous # Wednesday, January 17, 2007 3:36:50 PM

meomeoconmeo writes: Chi oi, chi xem blog em va cho y kien dc ko chi. Sao em chinh sua mai ma van ko thay dep ti nao ca.

Thủy Hiềndanquynh # Saturday, January 20, 2007 11:46:54 AM

Chị đang xem, chẳng biết tại Internet của chị rùa quá, hay là em chưa upload banner, mà sao nó chạy mãi chẳng thấy top banner đâu hết

Tất cả các phần khác thì đẹp lắm. Chúc mừng em

Htranvietha # Tuesday, February 6, 2007 8:09:46 AM

blog của chị thật tuyệ vời , cám ơn chị đã bày cách làm banner .

Liên (Tú, Đăng's Mummy)hoatrongvuon # Friday, February 9, 2007 11:26:07 PM

Lu ơi hôm nay mò qua trang trí blog nhưng bị kẹt ngay cái banner, chị làm banner với w: 872 và h: 199 nhưng khi đổi thông số trong phần css nó vẫn không hiển thị hết banner

#top2 {199x;
padding-left:15px;
background:#2f569b url(http://img.photobucket.com/albums/v76/lienrom/bannerhoatrongvuon.jpg) top left repeat-x;
border-bottom:1px solid #fff;
}

Giúp chị nha. Cảm ơn em.

Thủy Hiềndanquynh # Saturday, February 10, 2007 12:47:35 AM

Em view source blog của chị thì thấy đoạn code này thiếu thông số

Chị cần phải ghi rõ là height: 199px. Trong đoạn code trên chị không chỉ rõ height, và đơn vị px cũng ghi không đúng nên nó không hiểu và sẽ hiển thị theo cái banner mặc định đó.

Em tranvietha, em cho nhiều hình animation quá nên chị hơi chóng mặt khi vào blog của em

Liên (Tú, Đăng's Mummy)hocnauan # Saturday, February 10, 2007 1:45:42 AM

Đúng là chị bị quá tải rồi em, chỉ cần em spot lỗi là chị sửa lại được ngay. Chị làm 2 banners vậy mà banner cho blog học nấu ăn thì được liền, còn cái kia thì sao làm hoài không được.

Cảm ơn em nhiều nha Lu. Giữ gìn sức khỏe em nhé.

Anonymous # Monday, February 12, 2007 11:39:47 AM

chiphoi writes: chị oi!!! chị có thể cho em nick dể tiện trao đổi khong???? em thik blog của chị wé !!! ^^

Thủy Hiềndanquynh # Tuesday, February 13, 2007 10:11:37 AM

Dạo này chị cũng blog bờ liếc dữ quá ha?

Em chiphoi, Yahoo ID của chị có trong mục About mà

Nhưng mà chắc chị không thể support cách đó được đâu vì chị sắp sinh em bé rồi. Có gì thắc mắc em cứ post lên đây, chị sẽ cố gắng trả lời sớm nhé

Minh Khôivominhkhoi # Monday, February 19, 2007 6:36:05 AM

CHị ơi ! Lúc vào em ngạc nhiên quá , em tưởng bên opera ko có chèn hình ảnh vào bài viết đc !!!!? Sao chị chèn vào hay thế chị . Chị chỉ giúp em với !!! Thanks chọ nhìu

Thủy Hiềndanquynh # Tuesday, February 20, 2007 3:04:27 AM

Nếu em muốn chèn hình nền (background) cho bài viết thì em xem post "Trang trí bài viết trong Blog Opera theo chủ đề"; nếu em muốn chèn ảnh (image) vào bài viết thì em xem post "Khung soạn thảo của Blog Opera".

Ba Đan Quỳnh

Enptyxuanhau88 # Monday, March 5, 2007 4:37:55 PM

hi "Ba Dan Quynh" cung~ vo^ day comment ne`

Thủy Hiềndanquynh # Wednesday, March 7, 2007 6:36:22 AM

hì hì... lúc đó mẹ mắc sinh em bé, sợ mọi người chờ câu trả lời nên ba Đan Quỳnh giúp chút mà

Cả nhà thương nhau

Anonymous # Saturday, March 10, 2007 12:52:49 AM

Anonymous writes: theo như em biết thì save as về sẽ có main.css (offline) vậy khi sữa xong thì làm sao để cho nó online (trên blog của mình)

Thủy Hiềndanquynh # Saturday, March 10, 2007 2:09:22 AM

Em đọc lại từ post "Trang trí Blog Opera theo sở thích cá nhân" và đọc theo thứ tự các link trong post đó nhé

tập thể lớp A9hungsoide # Friday, April 13, 2007 3:37:42 PM

Chào chi Đan Quỳnh!!!
Em làm theo hương dan của chi để đổi banner nhưng mà em có vấn đề mới nảy sinh.
Trước khi đổi banner, trang blog của em có cách bố trí các album hình như thế này

vậy mà sao khi đổi banner xong nó lại thành ra như thế này

Chị có cách nào có thể vừa đổi được banner mà vẫn giữ được cách bố trí các album hình cua em không
(ngay cả cách bố trí các ảnh trong album hình cũng bị thay đổi)

địa chi blog của em: http://my.opera.com/hungsoide

Thủy Hiềndanquynh # Saturday, April 14, 2007 9:28:44 AM

Nếu em chỉ đổi banner thì em chỉ cần đưa đoạn code banner vào thôi và save với option "use my custom style sheet together with the current theme", thì những yếu tố khác sẽ giữ nguyên như file main.css. Chị view source blog của em thì không thấy main.css, và file user.css của em đã đổi phần album (photos) nên em mới gặp tình trạng như vậy

Thảo NguyênRieng Mot Goc Troi # Tuesday, May 1, 2007 4:21:33 AM

Chị ơi không hiểu sao em chèn link đến cái hình em muốn làm banner, (em dùng theme mặc định số 2) rồi Use my custom style sheet together with the current theme mà nó ko ra gì cả, em thử Only use my custom style sheet nó cũng chẳng khá gì hơn!

em cũng ko biết mình.....sai hoặc thiếu chỗ nào, vì em mù tịt cái vụ css này!
chị qua xem rồi giúp em với!
thanks chị nhiều!

Thủy Hiềndanquynh # Tuesday, May 1, 2007 4:34:44 AM

Câu này trả lời nhiều lần rồi

Vấn đề ở chỗ cái username của em: có khoảng trắng nên cái ô Enter CSS không hiểu các đường dẫn. Muốn đổi skin thì em sign up 1 username khác rồi up hình vô đó, hoặc sử dụng photobucket làm host cho hình ảnh.

Good luck!

LÊ ĐÌNH TRÂMtitiviet # Sunday, May 6, 2007 3:28:12 AM

chị ơi trong file main của em không có phần #top2. tại sao vậy mong chị chỉ dùm em cảm ơn chị nhiều

LÊ ĐÌNH TRÂMtitiviet # Sunday, May 6, 2007 3:30:37 AM

vậy cái những đoạn như trên( vd: #top2 {
height: 116px;
padding-left: 15px;
background: #2f569b url(/community/graphics/users/1/top.gif) top left repeat-x;
border-bottom: 1px solid #fff;
}

thì mình phải copy vào chỗ nào vậy mong chị chỉ dùm em cảm ơn

Thảo NguyênRieng Mot Goc Troi # Monday, May 7, 2007 7:53:13 AM

Chị ơi em làm được rồi ,em cảm ơn chị!

Jack_JJackJen # Wednesday, May 9, 2007 3:11:59 PM

hic , chị ơi . vào xem giùm em. Em chỉnh thế nào mà giờ em không thể nào làm cho meu blog archive friends ... khác đi được, nó cứ nằm y nguyên một chỗ như vậy dù em vào và change lại thành skin có sẵn của opera .... mong chị giúp dùm .... T__T

Jack_JJackJen # Wednesday, May 9, 2007 3:21:56 PM

hic giờ thì lại hiện lên nhưng rất lung tung, để em xem lại tí rồi hỏi chị tiếp nha, chị cứ vào rồi cho ý kiến giùm em. Hic, mới tập làm blog mấy bữa nay ....

Lê Đức Hoàng Anhmrbig90 # Thursday, May 31, 2007 2:29:22 AM

chào chị em muốn hỏi 1 chút sao trong file main.css của em lại ko có top#2 mà chỉ có top

lylienkiet # Tuesday, June 12, 2007 6:29:09 PM

Chị ơi, cho em hỏi làm sao để tạo đựoc 1 cái banner có đuôi .gif vậy chị.

Thủy Hiềndanquynh # Tuesday, June 12, 2007 6:42:25 PM

Titiviet và mrbig90, 2 em xem post "Main.css" nhé.

Rieng Mot Goc Troi, chúc mừng em nhé

JackJen, mỗi lần chỉnh sửa thì sau khi save, em nhớ nhấn F5, hoặc refresh trình duyệt để xem kết quả nhé.

Lylienkiet, chị không hiểu em muốn làm ảnh file.gif bình thường hay muốn làm ảnh động. Nếu ảnh bình thường thì khi save, em chọn định dạng là gif. Chị làm ảnh động bằng Adobe ImageReady CS2. Nghe nói Photoshop CS3 là chung luôn, không tách thành 2 như CS2. Nhưng thật tình chị không thích ảnh kiểu này lắm, vì chất lượng không tốt, nhìn chán lắm, hic hic...

lylienkiet # Tuesday, June 12, 2007 7:17:09 PM

Cho em hỏi thêm 1 câu nữa là làm sao để cắt sửa ảnh cho nó nhỏ lại và file ảnh có đuôi khác ngoài .jpg có dùng làm banner đựoc ko vậy? Thanks...

Thủy Hiềndanquynh # Tuesday, June 12, 2007 11:51:22 PM

Chị dùng photoshop để crop (cắt) và resize (thu nhỏ). Nếu em không có photoshop thì có thể lên http://www.picnik.com để làm. Theo chị biết thì em có thể dùng file gif hoặc png để làm banner.

Lightlinks3 # Thursday, June 14, 2007 1:59:38 AM

Ủa, mà hình chụp ko dùng làm banner được hả chị? Sao em bỏ hình của Jay Chou vô ko đựơc vậy, chỉ bỏ đựoc toàn hình anime ko à.

Lightlinks3 # Thursday, June 14, 2007 2:05:25 AM

Mà trang http://www.picnik.com/ có share hình của ngừoi khác ko vậy chị, Nó có nhiều chức năng quá ko biết có cái nào tạo chữ đè lên hình ko chị. Thanks...

Thủy Hiềndanquynh # Friday, June 15, 2007 12:50:36 PM

Hình nào cũng làm banner được, miễn sao có định dạng JPG, GIF hoặc PNG. Chị không biết trang picnik có share hình không, và hình như không có tool viết chữ

Lightlinks3 # Friday, June 15, 2007 5:41:04 PM

Vậy có trang nào có tool viết chữ ko chị.

Lightlinks3 # Sunday, June 17, 2007 1:19:41 AM

Em vừa mới làm 1 cái banner, tuy còn khá đơn giản và ko có sáng tạo nhiều, mong chị góp ý cho em. Đây là link: http://i177.photobucket.com/albums/w219/links_photo/blog/JayChou38111122.jpg

Đào Văn Hoànhoandv # Sunday, June 24, 2007 8:01:21 PM

Gửi chị Hiền !

Chị ơi , cho e hỏi về cái banner .
E đã thay bằng banner của e rùi >> hiện nhìn ngon lành rồi !
Nhưng mà nảy sinh 1 vấn đề đó là các các link : Blog - Archive - Photos - Link ... About thì vẫn hiện đè nên cái banner , như thế trông bị vướng quá ! ko nhìn hết được vẻ đẹp của banner .
Chị chỉ giúp e cách chuyển nó ra vị trí khác với .
Chẳng hạn như cho nó thấp xuống ngay bên dưới cái Banner .

Em cảm ơn chị nhiều !

Đào Văn Hoànhoandv # Sunday, June 24, 2007 8:06:36 PM

to links3 >> http://www.taochu.com/
Đây là trang có nhiều mẫu cho chữ , e tham khảo xem sao !

1 2 3 Next »

Showing comments 1 - 50 of 113.