Thay đổi banner Blog Opera (Phạm Lâm)
Saturday, 9. September 2006, 17:29:15
| 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ụ:
* 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! |
(22%)
WIDGETIZE
1 2 3 Next »
quatimbac # 2. October 2006, 07:59
"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
danquynh # 3. October 2006, 04:33
...
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 # 4. October 2006, 03:09
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
xikechua # 4. October 2006, 03:54
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
xikechua # 4. October 2006, 03:58
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?
danquynh # 4. October 2006, 04:27
#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
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é
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!
quatimbac # 3. November 2006, 15:11
danquynh # 6. November 2006, 05:36
Anonymous # 23. November 2006, 03:17
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. ?
danquynh # 23. November 2006, 05:14
enjoy2000 # 5. December 2006, 14:55
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
enjoy2000 # 6. December 2006, 15:14
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ị.
danquynh # 7. December 2006, 04:37
lucktakesi # 8. December 2006, 16:06
danquynh # 9. December 2006, 10:51
Anonymous # 17. January 2007, 15:36
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.
danquynh # 20. January 2007, 11:46
tranvietha # 6. February 2007, 08:09
hoatrongvuon # 9. February 2007, 23:26
#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.
danquynh # 10. February 2007, 00:47
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
hocnauan # 10. February 2007, 01:45
Cảm ơn em nhiều nha Lu. Giữ gìn sức khỏe em nhé.
Anonymous # 12. February 2007, 11:39
chị oi!!! chị có thể cho em nick dể tiện trao đổi khong????
em thik blog của chị wé !!! ^^
danquynh # 13. February 2007, 10:11
Em chiphoi, Yahoo ID của chị có trong mục About mà
vominhkhoi # 19. February 2007, 06:36
danquynh # 20. February 2007, 03:04
Ba Đan Quỳnh
xuanhau88 # 5. March 2007, 16:37
danquynh # 7. March 2007, 06:36
Anonymous # 10. March 2007, 00:52
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)
danquynh # 10. March 2007, 02:09
hungsoide # 13. April 2007, 15:37
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
danquynh # 14. April 2007, 09:28
Rieng Mot Goc Troi # 1. May 2007, 04:21
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!
danquynh # 1. May 2007, 04:34
Good luck!
titiviet # 6. May 2007, 03:28
titiviet # 6. May 2007, 03:30
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
Rieng Mot Goc Troi # 7. May 2007, 07:53
JackJen # 9. May 2007, 15:11
JackJen # 9. May 2007, 15:21
mrbig90 # 31. May 2007, 02:29
lylienkiet # 12. June 2007, 18:29
danquynh # 12. June 2007, 18:42
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 # 12. June 2007, 19:17
danquynh # 12. June 2007, 23:51
links3 # 14. June 2007, 01:59
links3 # 14. June 2007, 02:05
danquynh # 15. June 2007, 12:50
links3 # 15. June 2007, 17:41
links3 # 17. June 2007, 01:19
hoandv # 24. June 2007, 20:01
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 !
hoandv # 24. June 2007, 20:06
Đây là trang có nhiều mẫu cho chữ , e tham khảo xem sao !