Phạm Lâm's Blog

Let me love you - http://phamlam.com

Sửa CSS cho blog Opera phiên bản mới.

,


Trong phần này tôi sẽ giới thiệu các đoạn code để sửa màu topbar của skin Valentine và sửa phần hiển thị Friend list, Recent Vistor ở bên sidebar.

Với skin valentine để sửa topbar cho đồng màu chỉ việc add đoạn code sau. Với ai đang dùng skin valentine của tôi mời add thêm đoạn code dưới đây nếu không thích màu đen hay màu trắng mặc định của topbar.

#topbar1 {
	background:#51154d url(http://files.myopera.com/phamlam/valentine_style/bgr_wrap2.jpg) top left repeat-x ;
	color:#fff;
	height:32px;
	overflow:hidden;
	line-height:24px;
	}
#topbar2, #toplogin div {
	width:778px;
	max-width:100%;
	min-width:700px;
	margin:0 auto;
	text-align:left;
	}


Để sửa phần hiển thị ảnh trong mục Friend list và Recent Vistor trong mục sidebar mời mọi người đã và đang edit skin add đoạn code sau: (Chú ý những người đang dùng skin mặc định của Opera thì chả cần add làm gì)

//* :: LATEST COMMENTS + RECENT VISITORS :: */

#side .userlist li {
	list-style-position:outside;
	list-style:none;
	}

#newcomments .userpic {
	margin:0 1px 0 5px;
	float:right;
	}

.userpic {
	border:1px solid #fff;
	}

#newcomments li {
	border-bottom:1px dotted #aaa;
	}

#newcomments li, #visitors li {
	clear:both;
	padding:6px 0;
	}

#visitors li {
	height:32px;
	}

#newcomments a.usertext:link, #newcomments a.usertext:visited {
	color:#333;
	}

#side .userlist a {
	text-decoration:none;
	}

#side .userlist a:hover {
	text-decoration:underline;
	}

* :: FRIENDS IN SIDEBAR :: */

#friendz img {
	display:block;
	width:88px;
	height:66px;
	}

#friendz li {
	float:right;
	width:88px;
	overflow:hidden;
	margin:0;
	}

#friendz li.first {
	clear:both;
	float:left;
	}


Đảm bảo sẽ có người hỏi: "Anh ơi mấy cái code này add vào đâu?" nên tôi trả lời luôn.

Vào lần lượt theo các bước sau: My Account --> Change design --> Custom style sheet. Vào tới đấy rồi copy mấy cái code trên rồi paste vào rồi save. Thế thôi bigsmile

Bonus: Hoa Nắng - Hoàng Hải


Opera lại có những tính năng mới Tin nóng hổi vừa thổi vừa đọc.

Comments

My Lifexuanlamvn Thursday, May 24, 2007 5:25:29 PM

Chào Lâm! Bạn có skin mới này vừa nhẹ nhành và đẹp! Lâm có thể cho mình code được không ah? Cảm ơn Lâm nhiều!

Thái Bình Minh Vương (Cool)LoveCastle Friday, May 25, 2007 7:10:55 AM

uh, cái skin này đẹp quá xá. thanks bác lâm nhiều lắm, cho mình mượn về xài nhá p

Phạm Lâmphamlam Friday, May 25, 2007 7:36:55 AM

Mượn về xài rồi copy triệt để các bài viết không thương tiếc mà chả thèm đề đóm tác giả gì cả. Tính cá nhân để đâu vậy? Phản cảm :|

HUYNH HANHnhainhep Sunday, June 17, 2007 4:50:15 AM

cho Hạnh hỏi tí: cái code trong CSS nếu mình chép 2 loại code vào chung cho CSS ấy đc k? hay là phải xoá cái cũ để chép cái mới? Hạnh có cái code của nền comment sẵn trong CSS nhưng khi chép thêm code của skin thì k xuất hiện đc cai skin. Sao bi giờ? help me, plz.....sad

Phạm Lâmphamlam Sunday, June 17, 2007 9:46:19 AM

Còn tùy đó là code gì. Nếu nó là đoạn code ngắn để sửa chữa font chữ thì có thể kết hợp với css sẵn có còn nếu là cả một code css sửa skin thì phải xóa đi. Tốt nhất bạn nên gửi code css ra đây để mọi người biết, nhớ cho code trong thẻ [ code ][ /code ] nhé.

Lê Hà Sơn hason108 Thursday, August 23, 2007 7:51:49 AM

chào bạn mình mới làm opera nên ko biết làm sao thay đổi banner cung như giao diện cho đẹp cả bạn có thể chỉ mình từng bước chứ?
Cảm ơn bạn nhiều!
Email: Hason108@gmail.com

Võ trần longnguyetquangbao Wednesday, October 24, 2007 2:13:41 PM

My account => Design => theme mac dinh cua Opera ?
Tim hoai khong thay cai chu Custom style sheet ? May nay cai VK ko dc thong cam ?

haductrung Friday, November 2, 2007 7:57:16 AM

anh lâm ơi làm sao em đưa cái blog-photos-links-friends-about của em xuống cho nó vừa hả anh.
Anh vào đây xem giúp em nha. Em cảm ơn anh nhiều www.my.opera.com/haductrung/blog/

Vũ Liên Huyền Trangseason_love Wednesday, November 21, 2007 2:45:32 PM

Cám ơm bạn nhiều lắm.Cả buổi tối nay tớ đã tìm nó đấy

HUYNH HANHnhainhep Wednesday, January 2, 2008 2:13:54 PM

chà, lâu ngày ghé nhà, thấy vẫn rộn rịp như xưa hén.

Nguyễn Văn Túvantubkit Wednesday, May 27, 2009 12:15:25 AM

Bạn ơi, hôm qua opera vừa có thêm phần "QUOTE" trong phần comment của bài viết, và phần hiển thị comment trong blog của mình bị lỗi và hiện lung tung cả lên, bạn có thể giúp mình sửa lỗi này đc không, thanks !^^

Suong Khuyasuongkhuya Saturday, August 15, 2009 2:44:39 PM

xin hỏi, tôi đã thay banner nhưng khi vào blog thì hàng chư~ cũ của Opera vâ~n còn, xin bạn chỉ giúp, cám ơn .

http://my.opera.com/suongkhuya/blog/

hienok Friday, July 29, 2011 3:07:19 PM

Em có dùng skin Valentine màu tím của anh, sau đó em có chỉnh sửa để blog nhìn trong suốt, em làm thì được nhưng sau đó phần side bar chạy xuống bên dưới, em không biết chỉnh sửa như thế nào .
May 2013
S M T W T F S
April 2013June 2013
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 31