Skip navigation.

Log in | Sign up

TIPS AND TRICKS

http://www.duyhien.com

Share Skin Tết Đinh Hợi 2007

Được sự tín nhiệm của một số bloggers, tôi theo chân Phạm Lâm share skin này cho bất cứ ai thích sử dụng để đón Tết Skin này xem tốt trên Firefox và Internet Explorer 7 (bạn nên upgrade Internet Explorer vì tôi được biết view trên Internet Explorer 6 thì skin sẽ bị lệch sang trái ). Bạn có thể download Skin Tết Đinh Hợi và tôi sẽ cám ơn bạn nếu bạn để lại lời nhắn (comment hoặc message) để tôi biết bạn đã sử dụng skin của tôi. Còn việc bạn xóa hay giữ lại domain của tôi ở footer thì tôi không thể kiểm soát được phải không?

Lưu ý: Ai dùng Internet Explorer 6 vui lòng xem thêm ở post Chỉnh sửa Skin Tết Đinh Hợi 2007. Xin cảm ơn!



Thật tình, tôi cũng chưa sửa hoàn chỉnh (Photo Album) Nhưng tôi sợ không kịp thời gian nếu tôi tiếp tục mò mẫm Nhiều người muốn tôi hướng dẫn họ sửa lại một skin có sẵn để tạo một skin hơi khác một chút, như cách tôi sửa lại Skin Giáng Sinh của Phạm Lâm thành skin này. Tôi sẽ tiếp tục... mò và sẽ update file chứa code CSS để bạn sử dụng.

Trong file SkinTet.zip mà các bạn download sẽ gồm những files hình ảnh và một file.txt. File.txt chứa code CSS mà bạn cần dán vào ô Enter CSS trong mục Preferences/Web page layout. Còn những hình ảnh thì bạn upload vào host của bạn (Preferences/ My files). Mặc dù tôi giữ nguyên đường dẫn của hình ảnh đến host của tôi và bạn hoàn toàn có thể take advantage, nhưng tôi khuyên bạn nên sửa đường dẫn, vì chắc chắn tôi sẽ không sử dụng skin này lâu dài. Điều này cũng có nghĩa là tôi có thể sẽ xóa đi những hình ảnh trên host của tôi.

Bạn cần lưu ý những đoạn code có địa chỉ (url) của blog của tôi (danquynh) để thay bằng tên bạn. Ví dụ:

body {
background:url(http://my.opera.com/danquynh/homes/skintet/background.gif);
}

Hoặc

#wrap3 {
background:url(http://files.myopera.com/danquynh/skintet/footer.jpg)
}

Như vậy, nếu bạn muốn thay đổi cả hình ảnh, thì bạn cũng chỉ cần tìm những đoạn code có url là blog của tôi, và thay bằng những hình ảnh đã được upload vào host của bạn. Sau đó bạn vào Preferences/Web page layout, chọn bất cứ theme nào, trừ theme số 10 và 11. Cuối cùng, bạn dán file.txt vào ô Enter CSS và save với option 2 "Only use my custom style sheet".

Ngoài ra, do tôi set chỉ có 4 links ở top menu nên việc canh lề có thể khác nếu bạn set nhiều links hơn. Nếu bạn muốn menu vẫn nằm ở giữa banner, bạn cần tìm đoạn code sau đây trong file.txt:

#menu {
clear:both;
margin-left:260px;
}

Phần code tôi in đậm (margin-left) là khoảng cách từ lề trái của banner đến menu. Nếu bạn có nhiều links hơn, bạn cần giảm giá trị này xuống cho phù hợp.

Tương tự, nếu tiêu đề của Blog (ví dụ trong ảnh demo của tôi là "Tết... tết... tết... tết đến rồi) dài hơn hoặc ngắn hơn, bạn cũng có thể chỉnh lại trong đoạn code sau:

#top2 {
height:109px;
padding-left:520px; (khoảng cách từ lề trái của banner đến tiêu đề)
}

#top h1 {
margin:0;
width:500px;
font-size:16px; (kích thước chữ)
font-family:tahoma,arial,helvetica,sans-serif;
line-height:normal;
padding-top:125px; (khoảng cách từ lề trên của banner đến tiêu đề)
}

Không quá khó phải không?

Enjoy and Happy New Year!

Skin mới... thứ bậc mới!Re-arrange Opera's default layout

Comments

rove2012 29. January 2007, 00:04

Mình ko có lấy skin, nhưng cũng comments chào chủ nhà nà :D

khangkhaiqn05 29. January 2007, 02:57

Chào chị Thủy Hiền. Rất cảm ơn chị đã share skin Tết rất đẹp này cho mọi người. Mấy ngày gần Tết này tôi đang tìm skin mới cho blog của nhóm (my.opera.com/khangkhaiqn05) mà không có. Thật may hôm nay tình cờ biết blog của chị có share skin rất ấn tượng này. Chị cho chúng tôi mượn đến qua Tết nhé :>)

Chúc chị và gia đình có một cái Tết thật vui; một năm mới tràn đầy may mắn và hạnh phúc.

Rosano 29. January 2007, 06:23

chao chi hien, cho em muon cai skin nay de chinh sua lai cai skin of em nha. cam on chi nhiu...

meomeoconmeo 29. January 2007, 06:49

Chi cho em muon skin Tet nha:). Thanks chị nhieu:)

danquynh 29. January 2007, 10:17

Cám ơn các em đã support :love:

Chị cũng đã ghé thăm blogs của các em, và phát hiện một số lỗi nhỏ nên chị đã edit bài viết (các em xem ở trên nhé) và update file.txt. Nếu các em không phiền thì download lại và up lại file.txt.

Trường hợp các em không muốn download, các em có thể vào phần Enter CSS của Preferences/Web page layout để chỉnh lại phần in đậm trong những đoạn code sau đây:

#side h2, #side caption {
color:#fb0617;
background:#feeeef url(http://files.myopera.com/danquynh/skintet/sidebox_top.jpg) top left no-repeat;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin:0 0 1px 0;
padding:6px;
text-align:left;
}

#side h2.feedheader {
background:#feeeef url(http://files.myopera.com/danquynh/skintet/sidebox_top.jpg) top left no-repeat;
padding:6px;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
border:1px solid #149103;
background:#feeeef url(http://files.myopera.com/danquynh/skintet/sidebox_bg.jpg) bottom left no-repeat;
}

#side #getopera h2 {
background:#feeeef url(http://files.myopera.com/danquynh/skintet/sidebox_top.jpg) top left no-repeat; ;
color:#fb0617;
padding:6px;
}

Sorry for your inconvenience :frown: và mong các em tiếp tục ủng hộ :love:

starnstar_xd 29. January 2007, 11:21

Cái Skin này của bạn rất đẹp. Thank

Anonymous 29. January 2007, 15:15

Anonymous writes:

cam on chi nhieu lam!thank thank thank thank!

congchuanho 30. January 2007, 03:58

em cảm ơn chị nhiều nhiều, Skin rất đẹp, em mượn tạm một thời gian ạ. Nhưng em chỉnh mãi mà nó vẫn không hết được màn hình chị ơi.

danquynh 30. January 2007, 04:11

Bạn starnstar_xd, mong sớm được thấy blog bạn được thay đổi :smile:

Bạn anon, bạn có thể tự giới thiệu được không? :wink:

Congchuanho, em coi lại 2 files banner và footer. Khi em upload, hình như nó bị tự động resize (còn tại sao thì chị chịu :frown: ). Em upload lại nhé, hoặc lấy nguyên file.txt chưa sửa đường dẫn, dán vào ô Enter CSS xem nó có hiển thị đúng không. Good luck!

Rosano 30. January 2007, 06:26

chào chị hiền. cho em hoi sao phần bên phải lại để trống vậy chị.e thấy dzậy ko được đẹp lắm.muốn đưa phần chính vào giữa như những trang khác mình phải làm sao hả chị.cảm ơn chi trước nha.ah,chị post cho em cai trang web để lấy mấy cái hình làm hình nền cho cái skin này với,e cảm ơn chị nhìu.

danquynh 30. January 2007, 06:37

Chị không hiểu ý em

phần bên phải để trống... muốn đưa vào chính giữa như những trang khác



Em nói rõ là phần nào trống được không? Chị nhìn mãi mà chẳng biết em đang nói về cái gì? :frown:

Còn hình nền thì chị lấy từ blog của Phạm Lâm (chị cũng nói rõ rồi mà ) :smile:

Tatchan 30. January 2007, 10:50

Sis Hiền, em thấy skin này chỉ xem tốt trong Opera thôi (FF em chưa thử), xem trong IE thì bị lệch một bên như Rosano nói

elizCua 30. January 2007, 10:52

Chào chị, lâu lắm rùi ko ghé thăm chị. hihihi Từ khi làm được blog là trốn luôn :smile:hihihihi

Hôm nay nhìn blog của chị đẹp quá!!!

danquynh 30. January 2007, 11:03

Gì kỳ vậy ta? Chị view cả IE (chị xài IE7) lẫn FF đều Ok. Còn Opera thì chị không có nên không biết. Mà Tatchan ơi, em xem skin xmas của Phạm Lâm có bị vậy không? Chị chỉ sửa lại cái skin của Phạm Lâm thôi. Hay tại chuyển sidewrap sang trái nên mới bị vậy? :cry: Lại cần support nữa rồi... :cry:

Em elizCua, cám ơn em nhiều nha :love:

Tatchan 30. January 2007, 15:56

Skin của anh Lâm ko bị như thế đâu sis. Em xài IE6 thui P:, hay là IE7 hỗ trợ CSS tốt hơn nhỉ?

danquynh 30. January 2007, 17:00

Hì hì... upgrade đi :smile: Thật ra Skin của Phạm Lâm khi view trên IE6 cũng bị một số lỗi, nhưng không đáng kể :wink: Nhưng chị đang nhờ technical support rồi :smile: Hy vọng mai mọi người sẽ không complain nữa :smile: Thanks em!

koolj 31. January 2007, 08:28

Di` ui con cam on di` nhiu`. Chuc' di` nam moi phat' tai` .^^

theflash 31. January 2007, 08:43

Xuân Đạt : Chào chị Hiền! Skin của chị rất đẹp! Em mượn xài ké đoạn code chủa chị nha. Thế nhưng khi em đổi các link hình như banner, footer , .... của chị thành những tấm hình khác em đã up lên Myfiles thì nó không bị đổi gì cả ! Vẫn giữ nguyên cái skin của chị. Chị giải đáp dùm em được không? Cám ơn chị nhiều

danquynh 31. January 2007, 08:50

Hân hạnh quá: có người gọi là dì kìa P: :cry:

Em Xuân Đạt, em refresh nhé, chị vô coi thì thấy mọi thứ đã được đổi, trừ mục About. Em làm đẹp lắm :smile:

theflash 31. January 2007, 09:59

Xuân Đạt: Em đổi được rồi ! Cám ơn chị nhiều. Cũng nhờ có mấy bài viết của chị đó! Thanks

xuanbach 31. January 2007, 11:13

Chị Hiền và mọi người, coi hộ em 2 bài viết Hướng dẫn nhỏ của em soạn khi rỗi.
http://my.opera.com/xuanbach/blog/show.dml/716428
http://my.opera.com/xuanbach/blog/show.dml/721215
http://my.opera.com/xuanbach/blog/
Em viết thì viết thế thôi chứ ko biết người ta có quan tâm hun ^^"
À, có gì coi hộ em cái skin có cân đối ko, có cần chỉnh gì nữa hun...

DuyBach 31. January 2007, 14:54

Chị ơi! Sao khi em down cái main.css theo chỉ dẫn ở trên rồi paste vào blog của em thì mặc dầu vẫn giống skin ấy nhưng nó hiện ra kín trang chứ không canh hai lề hả chị?? Giúp em với1

Tatchan 31. January 2007, 15:49

Bây giờ thì xem tốt rùi đó sis :smile:

danquynh 31. January 2007, 23:32

Em xuanbach, skin của em đẹp rồi đó :smile: Bài viết về việc chọn màu rất thú vị :smile:

Em DuyBach, chị không hiểu ý em :frown: chị đã vào blog của em và thấy có 2 bên lề mà. Em nói rõ hơn nha :smile:

Tatchan ơi, phải nhờ technical support đó, mai sẽ viết bài về edit skin này cho người nào lỡ download rồi P: Cám ơn em đã comment để chị biết mà test nha :love: Btw, làm xong luận văn chưa vậy? Thấy cái blast trên Yahoo là quyết tâm làm trước Tết mà :D

Anonymous 1. February 2007, 03:18

Anonymous writes:

skin chán vãi tè

Tatchan 1. February 2007, 03:24

Quyết tâm làm chứ ko thể hoàn tất trước Tết đâu sis ơi P:. Mà sis kiếm ra được blog kia của em à :smile:

danquynh 1. February 2007, 05:02

Bạn anonymous, cám ơn bạn đã cất công vào thăm và góp ý. Tôi rất mong được xem blog (và skin) của bạn để học hỏi kinh nghiệm :smile:

Tatchan ơi, bây giờ chị cũng không nhớ làm sao chị tìm thấy Blog của em nữa :confused: Chị có invite friend nhưng không thấy em accept gì hết. Nhưng vì em có trong favorite list của chị nên chị cũng update được thông tin :smile: Cố lên nha and I will cross my fingers for you :smile:

Mọi người xem post Chỉnh sửa Skin Tết Đinh Hợi để biết cách chỉnh lại Blog cho hiển thị đúng trên Internet Explorer 6 nhé :smile:

kuunon 1. February 2007, 06:20

Thấy ở đây đông vui quá mình vào cho anh em biết mặt
http://my.opera.com/kuunon
Blog của chị đẹp lắm

DuyBach 1. February 2007, 07:19

Ý em là thế này. Em định tìm hiểu thêm về css nên down main.css của opera về xem. Em down theo chỉ dẫn ở trên í ( là vào/communiti gì gì đó). Nhưng mà khi down được về, em paste vào custom style sheet rùi bấm use my custom only thì nó cho ra kín trang luôn ( chứ không thấy cái lề hai bên). Chị có thể giải thích giúp em đựơc không ?Thank trước :smile:

danquynh 1. February 2007, 07:32

Welcome em kuunon và cám ơn em đã comment nha :smile:

DuyBach ơi, nếu em paste cái file main.css thì không được đâu, vì cái file đó không đầy đủ tất cả mọi thứ như file của Phạm Lâm viết (chị thử so sánh rồi). Họ cũng có viết rõ là mỗi file main.css còn được kèm theo 2 files nữa là account_white.css và common.css. Mà 2 files này nằm ở đâu thì chị... ứ biết P: Nó chứa đựng những codes cho phần quản trị (khi em log in). Vì vậy nếu em không biết codes để edit 2 files này (override) thì cái file main.css mà em paste vào ô Enter CSS (lúc này trở thành user.css) không work :frown:

DuyBach 1. February 2007, 10:16

Hi hi! Cảm ơn chị nhiều. Em cũng muốn khen thêm vài câu cho cái skin tết này nhưng mà thôi vậy ( vì mục about của chị nói chị ghét xu nịnh và ba phải, em cũng thế nhưng em chỉ ghét ba phải thôi, còn ai nịnh em thì em thích lắm :D). Tuy cái skin này đẹp thật ( rất đáng để khen) nhưng lỡ chị nghĩ là nịnh rồi đâm ra ghét không chỉ giáo em nữa thì chít. ^^!

Anonymous 1. February 2007, 17:13

andrew writes:

lam thu

danquynh 4. February 2007, 03:41

DuyBach ơi, đẹp thiệt mà khen thì đâu gọi là nịnh được, nên em cứ... khen thoải mái đi :lol: chị không giận đâu p: Còn nếu em có thắc mắc gì mà chị không chỉ, có nghĩa là chị cũng không biết :o: chứ không phải tại chị giận đâu nhé :smile:

Welcome bạn andrew nhé, bạn có phải là người đã comment ở phần album ảnh không vậy? :confused:

DuyBach 4. February 2007, 12:19

Chị Hiền ơi! HÌnh như mỗi bài post của chị có một cái hình nền riêng, chị làm cách nào hay quá vậy ? Giúp em với nhá!!!:D

danquynh 4. February 2007, 12:52

Em xem post "Trang trí bài viết của Blog Opera theo chủ đề" trong tag "Thay đổi giao diện Blog Opera" nhé :smile:

DuyBach 4. February 2007, 14:17

:D

phuongnamjp 6. February 2007, 14:20

Cám ơn bạn đã chỉ dẫn. Mình đã thay skin của bạn vào blog của mình rồi. Bây giờ mình muốn tạo thêm đề mục ví dụ
Liên kết các website
Truyện
Phim
vvvv
thì mình phải làm như thế nào mới đc>? Mong bạn chỉ giúp

danquynh 6. February 2007, 14:38

Bạn Phương Nam, bạn xem thêm post "Chỉnh sửa Skin Tết Đinh Hợi 2007" và download lại cái file để paste vô ô Enter CSS nha. Cái file trong post này coi trên IE 6 không được :frown:

Còn muốn tạo links thì trước tiên bạn vào Preferences và check vào menu "link" (xem post "Giới thiệu tổng quát Blog Opera"). Rồi bạn thêm link vào (create new category), và check vào ô "Show this category in my blog sidebar". Good luck!

phuongpham 6. February 2007, 16:31

Thanks bạn đã shared skin này. Rất đẹp.

danquynh 7. February 2007, 01:10

Bạn Phương Nam và phuongpham, tôi đã xem blog của các bạn, và thấy mục link tôi chưa chỉnh sửa kỹ (vì tôi không cho hiển thị mục này nên khi làm không quan tâm lắm :o: sorry). Nếu các bạn không phiền thì bạn có thể download lại file user.css trong post "Chỉnh sửa Skin Tết Đinh Hợi 2007". Hoặc các bạn có thể mở phần đã paste vào ô Enter CSS và chỉnh lại những nội dung sau đây:

/* :: LINKS :: */

#applinks {
clear:both;
margin-top:15px;
}

#mylinks {
width:100%;
}

#mylinks h2 {
margin:30px 0 15px 0;
font-size:15px;
text-transform:uppercase;
background:#feeeef url(http://files.myopera.com/danquynh/skintet/bgabout.jpg) top left repeat;
padding:2px 5px;
color:#fb0617;
}

#mylinks h2.firstheader {
text-transform:uppercase;
margin-top:0;
background:#feeeef url(http://files.myopera.com/danquynh/skintet/bgabout.jpg) top left repeat;
padding:2px 5px;
color:#fb0617;
}

#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-size:12px;
}

#mylinks .grey {
color:#aaa;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
border:1px solid #feb2b5;
background:#feeeef;
}

#mylinks .linkinfo {
margin-bottom:15px;
padding:2px 5px;
}

.newsfeed span, .newsfeed a {
color:#900;
text-decoration:none;
}

.url {
color:#192;
}

.linkdesc {
color:#333;
font-style:italic;
}

.feedurl {
display:none;
}

Sorry for your inconvenience :frown: And thanks for your support!

phuongnamjp 7. February 2007, 12:54

Cám ơn bạn đã ghé thăm và cho ý kiến. Mình đã làm được cách tạo link rồi. Cám ơn bạn nhiều, khi nào rảnh online PM nhé.

xikechua 8. February 2007, 02:15

chà chà. Năm ngoái chị có 1 skin Tết cũng khá cool. Năm nay cũng vậy.
Thanks những gì chị đã làm cho mọi người và cộng đồng Opera. :smile:

phuongnamjp 11. February 2007, 06:28

Cái anh chàng xikechua này vênh váo lắm. Cộng đồng blog ai cũng khen blog anh chàng này làm đẹp. PhuongNam có online với chàng này và hỏi về kinh nghiệm nhưng không được hướng dẫn . Cũng may là gặp em Dương Tiến Thuận giúp đỡ nên không mấy khó khăn mình cũng đã làm được. Mình vào làng blog này cũng là do tình cờ mà thôi. Kinh nghiệm cho đến hôm nay là 13 ngày. Nếu mifnhc ó nhiều thời gian chắc cũng không đến nỗi nào đâu. Hãy chia sẻ kinh nghiệm cho bà con mới chập chững vào làng blog. Tiện thể tôi cũng mới làm được một blog nữa nhưng không được phong phú như ở opera. Nếu chưa biết nhiều về opera bạn cũng nên vào đây thử một lần xem. http://phuongnamxanha.blogspot.com/
. Hy vọng chị Thủy Hiền sẽ không giận vì tôi đã viết quá nhiều vào đây

Anonymous 11. February 2007, 12:26

Anonymous writes:

Huhu có ai có cái skin tết cho InVision Power Board v1.3 không share cho mình với,

xikechua 12. February 2007, 07:29

? Có vụ này nữa sao?
chú phuongnamjp gì đó sao nhảm thế nhỉ? :D
sao k nghĩ tôi đang bận túi bụi nhỉ? :smile:

Sheren's fan 18. February 2007, 15:34

Em thấy blog bên này thay đổi theme khó ghê! Xem của chị mà đau hết cả đầu, hì hì, chị làm đẹp ghê! Thay như vậy cầu kì nhưng đẹp hơn bên 360 nhiều. Mong chị có thêm nhiều bài viết hay cho mọi người học hỏi.

ongichthuyen 27. February 2007, 05:24

Cảm ơn chị về món quà tết này! Chỉ tiếc là em mù tịt về blog nên không biết trong tương lai ,blog của em có vấn đề gì không nửa (em không làm đúng theo hướng dẫn của chị mà!!!)

minhphong 6. March 2007, 14:13

Cảm ơn chị Hiền nhiều, em đang mày mò về skin thì đọc được bài hướng dẫn của chị. Chúc chị và cháu bé một năm mới mạnh khoẻ và hạnh phúc.

Anonymous 23. April 2007, 11:26

Anonymous writes:

minh ko lay skin nhung cung chao chu nha nhe

trial-account 14. June 2007, 03:01

chao chi, skin dep lam

Write a comment

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

November 2009
S M T W T F S
October 2009December 2009
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