Thay đổi background Blog Opera
Saturday, 9. September 2006, 17:04:42
Background của trang Opera của bạn thể hiện ở đoạn mã sau trong file main.css (lưu ý, đối với các theme khác nhau, phần mã này cũng có thể khác nhau):
|
Để cho dễ hiểu, bạn hãy nhìn vào ảnh minh họa sau:  - Body là phần hiển thị những chiếc lá maples đủ màu; - Wrap1 là phần border bên trái (repeat-y left: hình nền lập lại theo trục Y, bên trái; Nếu bạn muốn thay đổi border ở trên, thay vì bên trái, bạn có thể sửa đoạn này thành repeat-x top); - Wrap2 là phần border bên phải (repeat-y right; tương tự, muốn đổi thành border ở dưới cùng, bạn sửa thành repeat-x bottom); - Topbar là thanh trên cùng của Blog; - Content là phần hiển thị toàn bộ nội dung của Blog; - Footer là phần hiển thị hình chiếc lá maple và 3 hạt dẻ. Bạn muốn thay đổi ảnh nền, hoặc màu nền thì chỉ cần thay đường dẫn ở phần tôi đã in đậm phía trên. - Màu nền: bạn cần xác định tên màu bằng tiếng Anh hoặc mã màu (cách đơn giản nhất để xác định mã màu là dùng Photoshop để so cho phù hợp với hình ảnh nền mà bạn muốn sử dụng). - Ảnh nền: bạn phải chỉ đường dẫn đến file ảnh mà bạn đã upload vào My Files. Đường dẫn có thể tuyệt đối, i.e. url(http://my.opera.com/tên-user/tên-directory/tên-file), hoặc tương đối, i.e. url(/tên-user/tên-directory/tên-file). Tuy nhiên, tôi được biết nếu bạn chỉ đường dẫn tương đối thì ảnh có thể không hiển thị trên trình duyệt Fire Fox. Còn lý do tại sao thì tôi không biết  Trong trường hợp bạn đổi vị trí của wrap1 và wrap2 thành top và bottom, và sử dụng ảnh nền cho 2 vị trí này, bạn cần xác định thêm thông số height (chiều cao), để ảnh có thể hiển thị đầy đủ. Bạn cũng phải làm tương tự với footer, nếu bạn muốn thêm ảnh vào, thay vì màu nền mặc định. Nếu bạn muốn thay đổi background cho từng bài viết của bạn, bạn cần tìm đoạn mã sau đây:
Bạn thấy rằng background mặc định của bài viết sẽ theo background của content. Nếu bạn muốn thay đổi, bạn cần thêm đoạn mã về background vào phần post (nội dung bài viết) và post.title (tiêu đề của bài viết), ví dụ:
Thuộc tính đi sau đường dẫn để xác định ảnh nền chỉ hiển thị một lần (no-repeat) và nằm ở phía dưới cùng (bottom), bên phải (right). Nếu bạn muốn ảnh nền tự động lập lại thì không thêm thuộc tính no-repeat, hoặc đặt ở các vị trí khác thì thay đổi tương ứng (left, center, top,...). Nếu bạn muốn tạo border cho từng post, bạn chú ý phần in đậm trong mã post. File main.css của theme dựng sẵn chỉ tạo border cho góc trên của post, không có border cho post đầu tiên (first post), và chỉ có border góc dưới của post cuối cùng (last post). Nếu bạn muốn tạo cả 4 góc, bạn cần thêm vào border-left (trái), border-right (phải), border-bottom (đáy). Thông số đi theo bao gồm màu (color), xác định bằng mã màu; độ lớn (width), tính bằng đơn vị pixel; và kiểu (style) của border. Bạn có thể tham khảo các kiểu border tại W3Schools. Khi đã tạo border, với mã code mặc định, bạn sẽ thấy nội dung sẽ nằm sát border. Muốn canh lề cho đẹp, bạn chú ý phần in đậm và nghiêng. Theme mặc định không chừa lề cho cả lề trái lẫn lề phải, bạn chỉ cần thay đổi giá trị, tính bằng đơn vị pixel cho phù hợp với sở thích của bạn. Nếu muốn canh lề phải, bạn thêm mã padding-right vào đoạn code nhé. Chúc bạn thành công! |
(21%)
WIDGETIZE
1 2 3 4 5 6 7 8 Next »
phamlam # 11. September 2006, 07:31
danquynh # 12. September 2006, 05:47
GiaMinh # 14. September 2006, 15:43
danquynh # 15. September 2006, 08:12
bluenwolf # 24. September 2006, 16:42
Em mún nó nằm trên banner giống chị thì fải làm sao
danquynh # 25. September 2006, 00:16
#menu A {
display: block; Z-INDEX: 0; BACKGROUND: none; OVERFLOW: hidden; WIDTH: 100px; COLOR: #000000; LINE-HEIGHT: 19px; POSITION: relative; TEXT-ALIGN: center; TEXT-DECORATION: none; font-weight: bold;
}
Phần in đậm là màu chữ cũa menu. Btw, chị save với option 1 (combine), còn nếu em muốn save với option 2 thì phải viết thêm nhiều thứ vào file main.css. Blog của em hiển thị trên màn hình của chị hơi bị... xộc xệch đấy
À, welcome em... Sói nhé
danquynh # 27. September 2006, 04:00
Anonymous # 2. October 2006, 03:00
test thử nào!
Anonymous # 2. October 2006, 03:02
Chị ơi! sao fần comment của chị bị lỗi font, khó đọc quá. Khi viết thì không sao nhưng khi submit thì lại không đọc được. Chị thử xem có cách nào không?
danquynh # 2. October 2006, 04:30
Em mattrangxanh, chị view thì thấy bình thường. Và thật ra em là người thứ 2 complain về font chữ
son'sdiary # 2. October 2006, 07:31
Anonymous # 3. October 2006, 03:24
em đã xem thử lại rồi. Và các blog khác em đều xem được bình thường, mỗi blog của chị là bị thế thôi. Em cũng thích đọc phần comment của chị lắm, cũng có rất nhiều cái hay mà em muốn biết nhưng lại không xem được. À chị ơi, thi thoảng em có thắc mắc gì, em có thể viết mail cho chị được không?
danquynh # 3. October 2006, 04:21
Em mattrangxanh, ngộ quá hén? Chị mới nhận được 2 comments từ em và một người bạn của chị là không đọc được. Vậy nên chị cũng không biết tại sao luôn, vì chị đã cho thêm font-family vào code comment luôn rồi mà
Anonymous # 3. October 2006, 09:05
Bạn có biết làm thế nào để thay blog ko , mình ko biết chút nào hết , xem nhìu nhưng không bít cách sử dụng , huhuhuh .
son'sdiary # 3. October 2006, 16:54
son'sdiary # 3. October 2006, 16:59
danquynh # 4. October 2006, 04:48
Bạn son'sdiary (không thấy có thông tin nào cho biết tuổi nên tớ gọi bạn cho... chắc), cám ơn bạn đã có lời khen nha
Yêu cầu của bạn cao quá à. Mà tớ thì vốn là một người chẳng có tâm hồn lãng mạn, chẳng thể nhìn ra cái gì mà gợi lên nỗi buồn được hết
Nếu bạn chưa biết photoshop thì học cũng vui lắm đó
Nếu bạn muốn tìm graphics thì có thể vô google search free graphics, hoặc free websets, hoặc linkwares,... Có rất nhiều hình ảnh đẹp để bạn lựa chọn đó
Good luck và mong sớm được xem kết quả của bạn nhé
quatimbac # 4. October 2006, 05:45
quatimbac # 4. October 2006, 06:40
.post {
background: url(đường dẫn tới file ảnh) no-repeat right bottom;
}
mình thêm
.post {
background: url(duong dẫn tới anh) no-repeat right bottom; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 16px
}
như thế này hay sau em ko biết dưới hay phái trên nữa pó tay có sai gì không???
danquynh # 4. October 2006, 11:06
Tớ không hiểu câu hỏi thứ hai của bạn nên không thể giúp được. Sorry!
Ps. quatimbac và son'sdiary là một user phải không?
quatimbac # 4. October 2006, 12:35
Anonymous # 4. October 2006, 13:46
Cảm ơn bạn , blog của mình là my.opera.com/thanhhai_18111993
Anonymous # 5. October 2006, 05:50
Khi mình thay dổi giao diện tại sao các chữ của mình trong blog lại biến dạng , sau đó mình đổi về giao diện cũ thì chữ lại trở về như cũ , bạn có biết tại sao không ? http://my.opera.com/thanhhai_18111993
Anonymous # 5. October 2006, 07:01
Sao mình thay đổi background mà không thể load dc là thế nào ? Nó không hiển thị ???
danquynh # 5. October 2006, 11:31
Bạn anonymous, có thể bạn viết tên file không đúng, hoặc đường dẫn không đúng, hoặc internet chậm quá nên bị lỗi timed out
concobebe # 15. October 2006, 00:10
Quy định chiều ngang của bài post như thế nào chị ơiiiiiiiiiii
Thenk chị nhé
concobebe # 15. October 2006, 03:04
danquynh # 15. October 2006, 10:48
Anonymous # 17. October 2006, 15:14
e cac ban oi ghe tham nhe .nhan dip 20/10 ma ,chuc mung mot cai gi do chu http://quickandsnow.vnn.bz/
shirobetto # 28. October 2006, 06:27
danquynh # 30. October 2006, 23:05
Chào shirobetto và welcome
Anonymous # 6. November 2006, 12:23
Chi oi co thuong thi thuong cho trot luon nhe, em ko biet bat dau nhu the nao voi doan code ma chi chi a.
Thanks in advance
shirobetto # 7. November 2006, 06:02
danquynh # 7. November 2006, 07:56
Em shirobetto, em vào Preferences/Blog Settings, rồi chọn "yes" cho phần Allow anonymous comments nhé
shirobetto # 12. November 2006, 10:07
1. Làm sao để thay đổi màu nền của bài comment của chính mình trong blog ạ?
http://files.myopera.com/shirobetto/files/Comment.jpg
2. Làm sao để cập nhật các bài comment của mọi người được mà ko cần theo dõi lại?
danquynh # 12. November 2006, 10:24
.comment1 {
CLEAR: both; BACKGROUND: #fdfbe2;
}
.comment2 {
CLEAR: both;
}
2/ Khi em soạn bài mới, ngay phía trên nút "save" có phần Notifications, em check vô mục "notify me if someone replies to this post".
Ps. Đan Quỳnh là tên con gái của chị
concobebe # 13. November 2006, 04:28
Em lại nhờ vả chị đây :">
Chị ơi, em muốn thay đổi nền cái blog ấy (coi phần blog gồm có nền, các bài post, các sidewrap, như của chị đang là màu trắng chẳng hạn) thì làm thế nào hả chị ơi. Em đã thử thay màu trong .content và # content rồi nhưng mà đều không được cả.
Thenk chị nhé :*
shirobetto # 13. November 2006, 13:06
À wên, em muốn cái thanh chỉ thị các nút: Blog, Archive,Photo,Friends,About ẩn luôn cái background giống chị đó...Em dốt mấy đoạn Code nèy lém.
danquynh # 13. November 2006, 23:51
Em shirobetto, muốn không hiển thị background thì viết code "background: none" nhé
shirobetto # 14. November 2006, 06:50
À, chị Hiền. Em muốn đổi màu cái phần sidebar của link...Màu nền của em của em thuộc loại màu tối...Nếu ko đổi màu link trong sidebar thì ko thể tháy được cái link đó..Chị giúp em
danquynh # 14. November 2006, 07:22
shirobetto # 15. November 2006, 09:29
Anonymous # 15. November 2006, 10:32
Chi oi em lam theo chi dan va cuoi cung no ra 1 trang giong y nhu cua chi huhuhuuuuuuhuh. Cuu em voi
danquynh # 16. November 2006, 05:00
#menu A{
...
}
em Chantinh, nếu em làm được một trang giống y chang chị tức là em mới đọc có 1 post "Thay đổi giao diện Blog Opera trong 10 phút" à. Em đọc tiếp các post còn lại và đổi đường dẫn các files hình ảnh nha
shirobetto # 16. November 2006, 05:53
concobebe # 19. November 2006, 18:06
Nhưng em muốn hỏi thêm chút: em để màu nền là màu xanh, và muốn nó xanh ra đến tận sát lề. Còn ở đây màu nền chỉ xanh đến căn lề của bài post và lề side wrap thôi, còn 10px lề của 2 phần này so với mép content thì nó vẫn là màu trắng.
Sở dĩ em cầu kỳ 2 cái mép 10px này vì muốn làm bài viết và các ô thông tin cá nhân màu trắng nằm giữa nền xanh, nền xanh lại nằm trọn vẹn trên màn hình màu gì đó (em để màu trắng) chứ 2 cái cột màu trắng trên nền làm hỏng hoàn toàn ý đồ của em mất rồi (đấy là còn chưa kể 2 cái wrap1,2 không biết em đã làm nó biến thành màu trắng chưa, màn hình em đang hỏng, hiện chỉ để 800*600, không cả thấy được 2 cái wrap nữa). Cứu cứu cấp cứu chị ơi :">
danquynh # 20. November 2006, 00:05
Mẹ Cò ơi, chị không biết có hiểu đúng ý em không
#content {
padding:10px 0;
}
Cái wrap1 và wrap2 chị thấy nó màu trắng rồi đó
Ps. Mẹ Cò thức khuya thế? Cò dạo này nghịch quá nhỉ? Ảnh Cò thời sự thật đấy
concobebe # 20. November 2006, 15:57
Con Cò giờ nghịch lắm chị ạ, chào, thơm, vuốt má, ạ, cười khà, ... thôi thì đủ kiểu. Chắc giống chị Quỳnh hồi xưa. Chị Quỳnh giờ thì nữ tính chả thèm nghịch ngợm như thế ấy nhỉ. Èo, em xem anh Đan Quỳnh mà gato quá đi mất, nhưng trình độ cắt dán ảnh kòi quá nên chắc Cò chả mơ có được bộ lịch đẹp như chị Quỳnh rồi :">
danquynh # 20. November 2006, 16:16
Chẳng biết nó có phải là đoạn này không nhỉ?
#wrap3 {
background:#fff;
margin:0 auto;
max-width:832px;
min-width:739px;
padding:0 10px;
}
Hoặc mẹ Cò thử sửa cái margin-right trong 2 đoạn sau đây thử xem. Chị coi trong file user.css của chị, chị sửa lại thành 1px và -1px đó. Hic... không có căn bản phải đi mò khổ vậy đó. Hồi đó chép file user.css của mấy người, ngồi mò để chuyển cái menu sang bên trái, hope it helps
#mainwrap {
width:100%;
margin-right:-210px;
padding-bottom:12px;
float:left;
}
#main {
min-height:400px;
margin-right:210px;
padding-bottom:15px;
}
Ảnh Cò quá chuyên nghiệp, cần gì phải cắt dán nữa mẹ Cò ơi, chỉ cần drag and drop vào mẫu lịch là được rồi
concobebe # 23. November 2006, 11:32
Hihi, em đổi bgr của nó thành màu xanh luôn rồi, không những thế bây giờ em có thể can thiệp cho no căn lề to hơn theo ý mình nữa, haha
Yêu chút chít chụt chít chị Lu nhé, em Cò hun lõm má chị Quỳnh này :* hihi
Cái vụ ảnh ọt, ôi giời ơi em ngồi tí toáy 1 hồi mà chịu không cắt được gọn ghẽ, nó nham nhở kinh quá, đang ngồi nghĩ cách làm sao để vẫn bon chen được như chị Quỳnh đây hihi