Skip navigation.

Log in | Sign up

TIPS AND TRICKS

http://www.duyhien.com

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

BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
BACKGROUND: #b6b8b1;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #111;
LINE-HEIGHT: 145%;
PADDING-TOP: 0px;
FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif;
TEXT-ALIGN: center
}

#wrap1 {
BACKGROUND: url(/community/graphics/users/2/wrap1.gif) #acaea7 repeat-y left top;
MARGIN: 0px auto;
max-width: 882px
}

#wrap2 {
BACKGROUND: url(/community/graphics/users/2/wrap2.gif) repeat-y right top
}

#topbar {
BACKGROUND: #fff;
MARGIN: 0px -10px;
OVERFLOW: hidden;
LINE-HEIGHT: 23px;
HEIGHT: 28px;
max-width: 852px
}

#content {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}

#footer {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}



Để 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:

.post {
PADDING-RIGHT: 0px;
BORDER-TOP: #ddd 1px solid;
PADDING-LEFT: 0px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 10px;
OVERFLOW: hidden;
WIDTH: 100%;
PADDING-TOP: 16px
}

#firstpost {
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
BORDER-LEFT: medium none;
PADDING-TOP: 0px;
BORDER-BOTTOM: medium none
}

#lastpost {
BORDER-BOTTOM: #ddd 1px solid
}

.post .title {
FONT-SIZE: 20px;
MARGIN: 0px 0px 10px;
LINE-HEIGHT: normal
}



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

.post {
background: url(đường dẫn tới file ảnh) no-repeat right bottom;
}



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!

Thay đổi giao diện Blog Opera trong 10 phútThay đổi banner Blog Opera (Phạm Lâm)

Comments

Đoàn Phương 28. February 2007, 17:31

cái chữ này " file main.css" nó nằm trong mục nào thế?

Thủy Hiền 1. March 2007, 00:56

Em xuanhau88, chẳng qua vì em chọn theme số 2 để sửa chữa, và cũng là theme chị dùng để viết bài hướng dẫn này, nên em thấy không quan trọng việc sử dụng main.css thôi P: Nếu em sử dụng theme khác thì em sẽ thấy xộc xệch ngay p:

Sở dĩ user.css của chị (hoặc của phamlam, sunshine_cosmos, namkhanh, khanhquang...) dài vì để có thể save với option "only use my custom style sheet" p: Ưu điểm của việc... viết dài là không mất công load 2 loại hình ảnh (hình ảnh của theme gốc và hình ảnh người dùng thay đổi vào) :smile: Ngoài ra, theme mà Phạm Lâm viết còn vừa vặn với màn hình có độ phân giải thấp nữa, không phải cuộn tới, cuộn lui :smile:

Em ranma194 xem lại từ post "Trang trí Blog Opera theo sở thích cá nhân" nhé :smile:

GrassNCloud 1. March 2007, 09:06

Em xin phép mượn tạm một vài đoạn trong bài post của chị để rút ngắn làm hướng dẫn bên topic hỏi đáp của PhamLam nhé. p: chưa bít có đồng ý kô nhưng em dùng vậy ha. Thanks ^^

Đoàn Phương 2. March 2007, 17:02

sao thay doi theme trong opera lai rac roi hon yahoo the? opea tien hon yahoo la tai duoc nhieu hinh 1 luc hon yahoo ma khong can 1 doan code nao ca. gia nhu yahoo va opera hop tac voi nhau ....

Thủy Hiền 3. March 2007, 08:29

Em GrassNCloud, chị không hiểu ý em :confused:

Em ranma194, thay đổi theme của yahoo thì quá đơn giản, chẳng đòi hỏi một kiến thức W3 nào cả :smile: Nếu Opera mà cũng như vậy thì đâu có gì thú vị nữa :wink:

Enpty 4. March 2007, 13:02

hay vay chi
dung la` css cua? chi qua' la` dai` nen gio` em moi biet cam on chi nhiu` ha vi` gio` em moi bit la` chi ko xai` theme co san cua opera

Phan Thành Nguyên 6. March 2007, 04:08

hay lắm xin cảm ơn : http://my.opera.com/nguyenptit79/blog

Vũ Thành An 7. March 2007, 03:16

Chị Hiền ơi, em add ảnh vào để làm nền cho bài post nhưng không được, còn dùng các form ảnh có sẵn thì chữ viết to đùng ngã ngửa, em chẳng biết làm sao.
Chị ơi, giúp em với.
http://my.opera.com/vuthanhan

Thủy Hiền 7. March 2007, 04:06

Welcome bạn nguyenptit79 nhé :smile:

Em vuthanhan, trong đoạn mã HTML mà em lấy tại blog của Quang Tú để chèn hình nền cho từng bài viết, em cần chú ý đoạn mã quy định font (face), size và màu chữ (color) để chỉnh lại cho phù hợp.

<font face="" size="" color="">


Giá trị của size chữ được xác định từ 1 đến 7

Màu chữ dùng tên tiếng Anh hoặc mã màu, ví dụ màu trắng là "white" hoặc "#ffffff".

Good luck! :smile:

Anonymous 10. March 2007, 00:32

Anonymous writes:

Cho Em hoi cai main.css sau khi sữa xong thì cho nó vào đâu trong my blog vậy?

Thủy Hiền 10. March 2007, 02:10

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é :D

Tùy Phong 10. March 2007, 15:16

#footer {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}
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.


chị ơi cho em hỏi thông số hight làm sao mình biết hả chị??

Thủy Hiền 10. March 2007, 15:46

Em có thể xác định kích thước (width - chiều ngang và height - chiều cao) của ảnh bằng cách highlight tấm ảnh P:



Trong hình minh họa, ảnh của chị có kích thước (dimension) là 1000x1285, thì 1285 là chiều cao (height) :smile:

Enpty 10. March 2007, 16:04

làm cách nào mà phần cuối page dài hẳn ra vậy chị
em mún đưa 1 cái ảnh # vào nhưng ko đủ đất :D ~~~~> chỉnh trong wrap3 ah chị , thanks trước nha
cho em hỏi về sis Rachel nhé , rằng sis đó là ai , tại sao mà...
em mới bít chìu nay qua anh Tatchan , ảnh nói trong tuần này chị í chống lầy , vậy mà khi đến page của chị í thì .... :frown:

Liên (Tú, Đăng's Mummy) 10. March 2007, 16:22

Hiền ơi, đang muốn làm cái skin mới cho blog của chị - cho chị hỏi là cái wrap 1 và wrap 2 là hai cái đường màu vàng giờ muốn quăng nó đi và làm cái đường mảnh mai bao quanh như em hoặc là không có gì như phamlam thi code gì nhỉ, chị chưa bao giờ xài wrap 3, wrap 4 hết.

Mà hình như khách không post comment được phải không em, đôi khi bị báo lỗi vì nhiều người gửi email cho chị than phiền không viết được comment, cũng giống chị nếu mà không log in vào blog mà hứng chí viết đại comment vào blog của em nó cũng quăng chị ra ... lề đường như thường.

À, cái lịch của mẹ bimcoi gì đó chị không có bản gốc nha, em ấy hình như không biết xài tin nhắn trong wtt, chị gửi tin nhắn chả thấy trả lời, mà biểu email cho chị cũng không thấy luôn, để chị mò email của ẻm này xin hình gốc cho chị em mình nha hehe.

Thủy Hiền 11. March 2007, 02:18

Em xuanhau88, tùy thuộc em để ảnh ở phần footer hay wrap3. Nếu ở footer thì em phải xác định chiều cao (height) của ảnh, hoặc canh lề (padding) để ảnh có thể hiển thị đầy đủ. Nếu ở wrap3, em đặt điều kiện cho ảnh là bottom no-repeat.

Sis Rachel là... sis Rachel P: Hì hì... hỏi vậy làm sao trả lời? Em không xem được blog vì Rachel set access right là friends thôi :smile:

Chị ròm ơi, nếu chị muốn bỏ wrap1, 2 đi thì chị có thể để "background: transparent". Còn muốn làm viền như em thì thêm code border (giống như làm khung của bài post vậy) cho wrap3. Tốt nhất là chị lấy cái user.css của Phạm Lâm (download ở blog của Phạm Lâm hoặc mấy cái skin của em) để sửa lại thì nhanh hơn :smile:

Còn cái vụ post comment thì em cũng hay bị lỗi lắm :frown: Em chờ cái lịch của chị :D Thanks chị trước nha :love:

Liên (Tú, Đăng's Mummy) 11. March 2007, 16:25

Chị download cái skin của em xuống nghiên cứu, nghiền ngẫm mới được vì chị bỏ cái wrap 1 và wrap 2 trước khi post bài hỏi em nó vẫn hiện lên 2 wraps 2 bên cái màu xám ngoét mặc định - chán quá nên mò qua đây tán phét tí.

Cái phần nền hình bé Tú chị biết nó mất hình nếu bài quá ngắn, nên chị âm mưu làm transparent bằng hình bé Tú luôn vì chị nhìn thấy cái giao diện cũ lúc trước của em nên chị có idea nhưng mà ... bận, phần nữa phải nghiên cứu chứ blog chị cũng i tờ, không pro. như em vì em bỏ thời gian nghiên cứu và share tips khá nhiều.:love:

Còn một cái nữa cho chị hỏi luôn ví dụ như comment của chị hay của em chị muốn post hình vào thì không được, vậy muốn được hình thì làm sao hả em vì khi chị gõ [imgcenter=url... thì trong bài post của chị nó hiện lên còn trong comment của chị hay của em nó không lên mà chỉ lên link . Xem cái bài này dùm chị nha: http://my.opera.com/hoatrongvuon/blog/vovnews

Chị mới đi phố về nên có gì mai rảnh chị em nói chuyện nhiều nha. Nice weekend em nhé.

Thủy Hiền 12. March 2007, 02:17

Bởi vì chị save với option kết hợp cả file main.css và user.css, nên nếu trong user.css của chị không có wrap1 hoặc wrap2 thì file.html sẽ tự động link đến file main.css để cho ra wrap1, 2 là mặc định :D Vì vậy, nếu chị muốn bỏ thì chị phải có code đó trong user.css của chị, có thể là "background:none", hoặc "background:transparent".

Nếu chị muốn đưa hình vào bài viết thì chị phải dùng HTML code, cụ thể là:

<img src="đường dẫn hình ảnh">


Hôm nay thứ 2 rồi chị ơi p: Chúc chị một tuần làm việc chăm chỉ nhé :D :love:

Liên (Tú, Đăng's Mummy) 12. March 2007, 11:40

Cảm ơn em nha, chị cũng làm được rồi, cứ nghĩ đâu cần bên HTML nên không xài code bên đó, tính gõ cái chữ gì vô thêm trong phần comment code để nó chạy ra.

Cái phần wrap đêm hôm qua chị bỏ thử background:transparent vào phần css của chị nên nó cũng biến mất hai cái thanh dọc xám ngoét đi rồi tuy nhiên chị vẫn thích cái skin mới nên để cho nó nằm đó. Thank em nha.

À cái phần nấu ăn chị sẽ gửi cho Hiền phần mới với cách khác của món chả tôm, đảm bảo Hiền thích cho mấy phần tiệc tùng đó là bánh mì chiên tôm hoặc bánh mì hải sản nướng hehe.

Long 14. March 2007, 14:27

em muon lam giong cai kieu cua trang blog nay lieu co kho khong ???

Thủy Hiền 17. March 2007, 03:10

Hic hic... em mổ, không ăn hải sản gì được hết :cry: Chắc phải đợi tới sinh nhật Đan Quỳnh mới dám thử p:

Em PAN0110, em xem post "Tạo Skin cho Opera từ Theme Yahoo 360" nhé p: Khó hay không thì em tự kết luận sau khi thử nhé :smile: Good luck!

Anonymous 17. March 2007, 07:09

Anonymous writes:

Chị ơi! Em không hiểu cách thay đổi hình nền cho từng bài Post
chị bảo là thêm đoạn mã này :background: url(đường dẫn tới file ảnh) no-repeat right bottom; vào phần .post {......} trong CSS
nhưng nếu như vậy thì bài Post nào cũng có chung một hình nền

Theo em hiểu thì cần phải thêm đoạn mã nào đó vào trong phần Post của khung soạn thảo bài viết, đúng không chị.
Chị hướng dẫn lại cho em với, làm mãi mà chẳng dược chị ạ!
chị hướng dẫn về kích thước ảnh nền luôn nhé!
Thanks chị.

Thủy Hiền 17. March 2007, 08:30

Muốn thêm hình nền cho từng bài viết, em phải xem post "Trang trí bài viết của Blog Opera theo chủ đề" (ảnh nền có width tối đa là 600px). Còn post này hướng dẫn cách thêm hình nền giống nhau cho tất cả các bài viết :D

le thanh binh 17. March 2007, 12:52

chị ơi em mới lam blog nên chưa biết nhiều lắm ,chị có thể chỉ cho em ỏ chỗ nào có chứa nhiều banner ,nền và skin đẹp không chị
em cảm ơn chị nhé

le thanh binh 17. March 2007, 12:59

chị ơi làm viền blog giống của chj như thế nao vậy muốn pst đoạn mã đó thì post vào đâu.chị gúp em nhé.em cảm ơn chị nhiều.chị ghé qua blog của em nhé:www.tinhbuon.113.to

Anonymous 17. March 2007, 14:38

Anonymous writes:

Chị ơi! câu hỏi của em đâu rồi?
Em nhờ chị hướng dẫn lại cách đổi hình nền cho từng bài Post ấy mà
chị nói là thêm đoạn mã:background: url(đường dẫn tới file ảnh) no-repeat right bottom; vào phần .post{.....} trong CSS
em làm như vậy rồi nhưng bài Post nào của em cũng có chung một hình nền.
làm mãi ma chẳng thay đổi được gì cả
Chị hướng dẫn lại dùm em với
Cảm ơn chị

Sói Béo 20. March 2007, 07:59

cho em hỏi làm sao để thay màu của tag và date, trong khung bài viết của em, em không thể đổi màu cho hai cái này được

Thủy Hiền 20. March 2007, 11:11

Em ltb302, em cứ google background, banner,... hoặc vô http://360themes.com, đăng ký thành viên và download nhé :smile: Cái viền blog của chị nằm ở wrap3, thêm code border (em xem ở trên nhé).

Em anon, nếu em muốn thay đổi background cho từng bài thì xem post "Trang trí bài viết của Blog Opera theo chủ đề" (chị trả lời phía trên rồi, em chưa đọc đã nháo nhào đi kiếm rồi P: ).

Em diudangnay, em xem trong đoạn mã sau:

.postdate {
padding: 15px 5px ;
margin:0 ;
font-size:10px;
line-height:normal;
text-transform:uppercase;
text-align:left!important;
color:#000;
background:url(http://files.myopera.com/danquynh/color/postmeta1.gif) no-repeat top left;
border-left:1px dotted #0089fd;
border-right:1px dotted #0089fd;
}

.post .tags {
padding: 0px 5px ;
margin:0 0 2px 0;
font-size:10px;
line-height:normal;
text-transform:uppercase;
text-align:left!important;
border-left:1px dotted #0089fd;
border-right:1px dotted #0089fd;
}

Sói Béo 20. March 2007, 16:48

http://www.fileden.com/files/2007/2/17/784164/s1.css

cái CSS của e đây chị à, em thử làm theo chị chỉ mà vẫn không được, bó tay thật

Liên (Tú, Đăng's Mummy) 20. March 2007, 17:16

Em ơi, chị muốn đưa công thức cho em để em đưa thêm vào để dành cho phần các món ăn yêu thích của em thôi - cái món chả tôm đó mà. Dạo này gió lạnh, mệt quá em à, trời sang xuân mà cứ ngỡ mùa đông còn lẩn khuất đâu đó trên đường đưa mấy nhỏ đi học.

Khi nào em thật khỏe, hết kiêng cữ thì thử nha. Món bánh mì nướng hải sản, còn món kia chị chưa đưa hình lên:
http://my.opera.com/hocnauan/blog/banh-mi-nuong-hai-san

Sorry cả nhà, tui lạc đề nha. Để đi đúng hướng kẻo chủ nhà la, em gì ấy ơi hỏi cách post từng bài thì em đưa cái code này vào trước phần em muốn viết nè, em thay cái link http:// .... của chị thành link của em là được, còn để làm sao cái hình nó không lập lại khi bài post đó dài quá thì chủ nhà bày tiếp nha em.

<table width="600" cellspacing="0" cellpadding="0" >
<tr>
<td  background="http://img.photobucket.com/albums/v76/lienrom/xuan.jpg">  
<font face="Tahoma,Times New Roman,Arial" size="2" color="#000">

Thủy Hiền 20. March 2007, 17:55

Em diudangnay, cái link của date là đúng đoạn code trên mà (chị test rồi :smile: ). Còn nếu em muốn thay đổi tag ở dưới cái date thì thay màu trong đoạn này nhé:

/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
color:#000;
}

#content .tags a:hover {
color:#cc005e;
}

.tagged {
font-weight:bold;
}

- link: liên kết
- visited: liên kết đã được xem
- active: liên kết đang hoạt động
- hover: liên kết có chuột trỏ vào

Chị ròm, cám ơn chị :D Phần thay đổi background cho từng bài thì em đã hướng dẫn em anon đó xem post "Trang trí bài viết của Blog Opera theo chủ đề" rồi :smile: Trong bài viết đó em có link đến một trang web cho tạo table sẵn mà chẳng cần phải encode gì hết :smile: Còn muốn hình không lập lại thì phải làm thủ công thôi, vì mã HTML không có lệnh no-repeat cho background :frown:

Nguyen, Binh 27. March 2007, 08:45

chị ơi có phải file main.css là common.css
nếu không phải thì nó nằm ở đâu và làm thế nào để có được file main.css cám ơn chị nhiều nha.

em rất dở về máy chị ah. Chị hướng đẫn kỷ một chút nha.

Thủy Hiền 27. March 2007, 10:26

Em đọc phần cuối của post Thay đổi giao diện Blog Opera trong 10 phút nhé :D

My còm 28. March 2007, 16:08

Chị Hiền úi ùi ơi!Em đã làm lại blog mới rùi nè,nếu rảnh chị vào xem và sửa lại giúp em background cái nhá, em ko biết sai ở đâu cả. Thanks chị nhá http://my.opera.com/Mountain_and_Sea/blog/

Anonymous 30. March 2007, 07:37

leehoonhye writes:

chi oi. sao cai blog em ko có gi het. ko co thấy chức năng gi het. tìm chức năng o do dai ra vay chị. chi giup em voi. huhuuh
neu duoc chi vo sua dum em nhe
http://my.opera.com/maiyeungau/blog/xin-chao-cac-ban-den-voi-blog-cua-hai

Anonymous 30. March 2007, 07:41

leehoonhye writes:

chị hiền oi. giup em voi. chị co thể cho em nick yahoo dc ko. de em hoi chi dc dễ hơn. em còn nhiều cái muon hỏi wa'. nick YH cua em la leehoonhye@yahoo.com chi nhớ ép nick em vo nhe. cam on chi nhieu. doi tin chi nhe

Thủy Hiền 30. March 2007, 09:32

Mountain_and_Sea, em vào My Account/Change Design và chọn lại theme nhé. Chị nghĩ vì em chọn theme 10 hay 11 nên mới ra nông nỗi đó :frown: vì 2 themes đó không có sidebars.



Em leehoonhye, em xem từ post "Trang trí Blog Opera theo sở thích cá nhân" nhé.

Y!ID của chị có trong profile, nhưng chị không support bằng chat được đâu, vì có em bé nhỏ mà P: Em cứ post câu hỏi, nếu chị không trả lời kịp sẽ có người khác trả lời :D Tuy nhiên, em nên đọc kỹ post "FAQs về Blog Opera" trước khi đặt câu hỏi mới nhé :smile:

november 9. April 2007, 06:07

e chào chị, chị ơi e thử làm theo hướng dẫn của chị, nhưng sao nó chả ra gì. Hay là em hiểu nhầm ý chị nhỉ. Cái đoạn code này phần đầu em đã sửa theo hướng dẫn của chị, nhưng mà nó ko hiện ra ảnh như em muốn, mà lại thành cái trang blog của e í. Chị có
thể chỉ giúp em tại sao ko ạ? Nếu em làm phiền chị thì rất xin lỗi ạ! E cám ơn chị trước P:

Chỉnh sửa bởi Đan Quỳnh, 15.10 09/4/07

http://files.myopera.com/th%C3%A1ng%2011%20m%C6%B0a/user.css

Tien Dat 9. April 2007, 07:22

Chị ơi màu đen khó nhìn lắm chị để màu khác đi.

Thủy Hiền 9. April 2007, 08:18

Em tháng 11 mưa, chị sửa lại comment của em cho ngắn tí nhé P: Vấn đề ở đây là do username của em: có dấu và có khoảng trắng, là những ký hiệu mà phần nhập nội dung CSS không chấp nhận hoặc không hiểu. Ví dụ, file hình của em có đường dẫn là:

http://files.myopera.com/th%C3%A1ng%2011%20m%C6%B0a/files/reu3a9ls.jpg

Nhưng trong file user.css của em lại là:

http://files.myopera.com/thC3A1ng201120mC6B0a/files/reu3a9ls.jpg

Tất nhiên kết quả là file not found. Bây giờ chỉ có 2 giải pháp:

1/ Em xài skin mặc định và chắc là không thể post hình được.

2/ Em sign up một acc khác, không có khoảng trắng, không có dấu tiếng Việt.

Btw, chị làm blog để hướng dẫn người khác. Nếu không giúp thì chị đã set private rồi. Tại sao em lại xin lỗi? Có gì thắc mắc thì cứ feel free nha. Chị sẽ cố gắng trong khả năng của chị :smile:

Em bill09506, hì hì... chị lại thích chữ trắng trên nền tối như thế này, nhìn... huyền bí :wink: Nói vậy thôi, để vài bữa chị đổi skin khác. Đang marketing mà :lol: Cám ơn em đã đến chơi nhé :love:

12GchuyenTB 10. April 2007, 08:28

Em chào chị, em vào main.css làm theo hướng dẫn thay đổi back ground của chị như sau :
".post {
padding:10px 5px;
margin-bottom:10px;
width:100%;
overflow:hidden;
background: url(http://files.myopera.com/12GchuyenTB/files/1NenDongthoigian3.jpg) no-repeat right bottom;
border:1px dotted #2F4F4F;
}"
Đã chèn thêm dòng Background nhưng Opera thay đổi toàn bộ cho tất cả các bài viết chứ không cho từng bài viết mình muốn. Chị chỉ giúp em với nhé. Thank chị.

Thủy Hiền 10. April 2007, 08:45

Câu này trả lời mấy lần trong entry này rồi P: Em xem post "Trang trí bài viết của Blog Opera theo chủ đề" nhé. Đoạn mã mà em sử dụng là để set hình nền cho tất cả bài viết của blog :D

november 10. April 2007, 17:01

tháng 11 mưa


hi cám ơn chị ạ.tiếc nhỉ, e thích cái tên này lắm, n e thử blog của opera chỉ vì thấy mọi ng làm skin cho nó đẹp quá thôi. chắc fải hy sinh cái tên vậy. cám ơn chị nhìu nha, bao h làm đc cái blog đẹp đẹp e add chị làm friend nhé P:

Sad ♫ . . ♪ 15. April 2007, 03:59

bà chị cho em hỏi tý : trong bài viết : "Tạo Skin cho Blog Opera từ theme Yahoo 360" trước chị có nói là : wrap1 và wrap2 là dùng để chèn banner và footer , bây giờ bài này lại viết :"Wrap1 là phần border bên trái","Wrap2 là phần border bên phải"," Footer là phần hiển thị hình chiếc lá maple và 3 hạt dẻ ", đọc xong chả hiểu gì luôn , với lại theo như hình vẽ trên thì em thấy mỗi cái banner và cái footer chứ chả thấy bên phải là hình nào mà bên trái là hình nào, chị giải thích em giùm cái

Thủy Hiền 15. April 2007, 04:28

Em tháng 11 mưa, tên đẹp thì cũng thích, nhưng nó lại bất tiện cho mọi người khi muốn truy cập blog của em P: Nếu viết cách ra thì trình duyệt chỉ hiểu đến trước dấu cách thôi. Mà viết bằng tiếng Việt thì càng không được. Nên tốt hơn hết là sử dụng cái nào popular nhé. Chị mong sớm được thấy blog của em :smile:

Em cutemoon, em xem post "FAQs về Blog Opera" (câu 41) nhé. Lần sau đọc post đó trước khi đặt câu hỏi mới nha :smile:

Còn bài trên, chị nói rõ là "wrap1 là border bên trái". Border là đường viền, em không thấy đường viền màu nâu ở bên trái sao?? Tương tự đường viền màu nâu bên phải. Và chị cũng giải thích rõ ở dưới, nếu đặt điều kiện là repeat-y thì wrap1 và 2 sẽ đi theo trục y, còn muốn nằm ở trên và dưới thì đặt điều kiện là repeat-x (trục x). Vậy chắc em hiểu tại sao có thể chèn banner vào wrap1; footer vào wrap2 rồi phải không? :wink:

Btw, tên gọi không quan trọng trong CSS, mà quan trọng là điều kiện mình đặt như thế nào để... ghép hình vào cho khớp thôi P:

Trong post "Tạo skin cho Opera từ theme Yahoo 360" chị có nói rõ là cần download file user.css, và thay trong file đó. Có nghĩa là chỉ áp dụng được với file user.css đó mà thôi, không áp dụng cho các skin mặc định của Opera được. Chúc em làm được skin đẹp nhé :smile:

Anonymous 19. April 2007, 05:27

o_o1689 writes:

chị ơi! em rất thích theme có hình trang giấy và cái bút chì của chị. Em học lớp 12 rồi, rất muốn có 1 blog có hình trang giấy như thế để làm lưu bút, chị giúp em đoạn css nhé!! em cảm ơn chị rất nhiều.
Mail của em là o_o1689@yahoo.com

Thủy Hiền 19. April 2007, 05:52

Skin đó chị chưa sửa xong :smile: Những phần chưa xong chị không cho hiển thị trên trang của chị nên chắc em không biết. Hì hì... phải xong xuôi hết mới up cho mọi người download được. Em chờ nhé :smile:

Anonymous 22. April 2007, 01:10

o_o1689 writes:

Em cảm ợn chị ! Thật sự nếu không có trang bloh này thì em không biết bắt đầu từ đâu nữa

Anonymous 22. April 2007, 01:17

o_o1689 writes:

À chị ơi! liệu nhiều người có thể quản lí chung 1 trang blog o nhỉ? nếu được thì làm như thế nào hả chị

Thủy Hiền 22. April 2007, 01:33

Tất nhiên là được chứ, em chỉ cần đưa password cho tất cả những người em muốn cùng em quản lý :wink: Chị rất vui vì em thấy những nội dung này là hữu ích :D Cám ơn em nhé :smile:

« Previous 1 2 3 4 5 6 7 8 Next »

Showing comments 101 - 150 of 392.

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.

January 2010
S M T W T F S
December 2009February 2010
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

My Pages

Opera Guide

Opera Themes to share

Design Calendars

Highlighted Posts