Help BLOG WorldPress

ForcuS · 16/12/06

Mới làm cái blog worldpress. Đang kiếm cái thêm như trang www.vistastyles.org. Bác nào dùng blog này tìm giúp em nhé.

Nguyen_Kain · 17/12/06

ForcuS nói: ↑

Mới làm cái blog worldpress. Đang kiếm cái thêm như trang www.vistastyles.org. Bác nào dùng blog này tìm giúp em nhé.
Click to expand...

Cụ thể là kiếm cái gì , mình vào cái trang bạn đưa cũng chưa hiểu lắm

Blog Worldpress hình như hơi ít người xài ? Sao bạn biết mà xài nó :) :wink:

ForcuS · 17/12/06

Thì tình cờ tui vô 1 trang gì đó (quên mất), nó giới thiệu. Cụ thể là kiếm cái theme giống của trang Vista style. Bên deviantart.com có cho link nhưng nó die mất dép rồi

Jaguar™ · 19/12/06

Help, tui kiếm được cái skin rồi. Nhưng giờ cần chỉnh CSS một chút nhưng mù tịt. Khi post bài thì trang blog bị xiên xẹo.
http://windowlove2705.byethost3.com/blog2/#

Phần CSS là :

/*
Theme Name: That Vista Blog - Blue
Theme URI: http://geek.tech.nu/
Description: WordPress theme by geektechnu.
Version: 1.0
Author: William Lay
Author URI: http://geek.tech.nu/
*/

/* general & defaults */
* { margin:0; padding:0; }
body { font:80% Tahoma, Tahoma; color:#333; line-height:1.25em; }
hr { display:none; }

a { color:#38c; text-decoration:none; }
a:focus, a:hover, a:active { color:#8c3; text-decoration:underline; }
p, ul, ol, blockquote { padding-bottom:1em; }
img { border:0; }

.alignleft { display:inline; float:left; padding:0.5em 1em 0.25em 0; }
.alignright { display:inline; float:right; padding:0.5em 0 0.25em 1em; }
.item:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }
.aligncenter { display:block; clear:both; padding:0.5em 0 0.5em; margin:auto; }

/* layout */
body { padding:12px 0 25px; }

#header { width:720px; height:70px; margin:auto; overflow:hidden; padding:90px 0 0 40px; }
#header h1 small { position:absolute; top:125px; left:50%; margin-left:-340px; }
#csslink a { position:absolute; width:106px; height:26px; top:20px; left:50%; margin-left:250px; text-indent:-9000px; text-decoration:none; }
#navigation { position:absolute; top:128px; right:50%; margin-right:-340px; }
#navigation ul { list-style:none; }
#navigation li { display:inline; padding-left:25px; }

#content { width:680px; margin:auto; padding:0 40px 20px 40px; }
#content:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }

#main { float:left; width:480px; padding-right:40px; }
.item { border-bottom:1px solid #acf; margin-bottom:1em; }
#pagination:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }

#side { float:right; width:160px; }
input#s { width:120px; vertical-align:top; }
input#searchsubmit { width:30px; margin:0 0 1em 5px; vertical-align:top; }
#side img { padding-top:0.25em; }

#footer { width:760px; height:61px; margin:auto; padding-top:10px; }

/* backgrounds */
html { background:#058 url(html.png); }
body { background:transparent url(body.png) repeat-x; }

#header { background:transparent url(header.png) no-repeat; }
#csslink a { background:transparent url(css.png) top left no-repeat; }
#csslink a:focus, #csslink a:hover, #csslink a:active { background:transparent url(css.png) bottom left no-repeat; border:0; }

#content { background:transparent url(content.png) repeat-y; }

#footer { background:transparent url(footer.png) no-repeat; }

/* text styles */
h1 { font-size:24px; line-height:24px; color:#fff; }
h1 a { color:#fff; }
h1 a:focus, h1 a:hover, h1 a:active { color:#9f3; border:0; }
h1 small { color:#ccc; font-size:14px; font-weight:normal; }
#navigation, #navigation a { color:#fff; font-size:14px; font-weight:bold; }
#navigation h2 { display:none; }
#navigation a:focus, #navigation a:hover, #navigation a:active { color:#bf3; border:0; }

#content { text-align:justify; }
#content h2, #content h3, #side h2 { padding-bottom:0.5em; }
#content h2 { font-size:1.4em }
#content h3, #side h2 { font-size:1.2em; }
#content h3 small { color:#666; font-size:0.8em; font-weight:normal; }
#content ul, #content ol { padding-left:2em; }
#content blockquote { display:block; padding-left:1em; color:#69c; font-style:italic; }
#content pre { display:block; margin:0 1em 1em; padding-left:2em; color:#666; font:12px lucida console, monospace; background:url(pre.png) no-repeat; line-height:14px; }
#content code { color:#666; font:12px lucida console, monospace; }
#content del { color:#666; text-decoration: line-through; }

#side { color:#666; }
#side h2 { padding-bottom:0.2em; }
#side ul { list-style:none; padding-left:0; }
#side a { color:#38c; }
#side a:focus, #side a:hover, #side a:active { color:#8c3; }

#footer { color:#999; font-size:0.9em; text-align:center; }
#footer a { color:#999; font-weight:bold; }
#footer a:focus, #footer a:hover, #footer a:active { color:#7c4; border-bottom:1px dotted #999; }

/* comments section */
#comments { width:480px; background:url(comments.png) center repeat-y; color:#666; }
#comments h3 { background:url(comments.png) top left no-repeat; padding:0.5em 10px 0; font-size:1.1em; }
#comments form { width:460px; background:url(comments.png) bottom right no-repeat; padding:0.5em 10px 1em; }
#comments input { width:160px; color:#333; }
#comments textarea { width:99%; height:5em; color:#333; padding:0; margin:0; }
#comments #submit { width:100%; }
#comments form p { padding-bottom:0.5em; font-size:0.9em; }
#comments .comment+h3, #comments .commentalt+h3 { background:url(); }
.comment, .commentalt { padding:0.5em 10px; border-bottom:1px solid #d6d6d6; }
.comment h4, .comment p, .commentalt h4, .commentalt p { padding-bottom:0.5em; }
Click to expand...

Bác chỉnh giùm em sao cho nó giống trang Vistastyles.org, tất nhiên là phần rộng không rộng như thế. Trừa lại 1 khoảng. Em thanks.

Đăng nhập

Help BLOG WorldPress

ForcuS Youtube Master Race

Nguyen_Kain Quậy hết mình Moderator

ForcuS Youtube Master Race

Jaguar™ Sorrowful Farewell

Chia sẻ trang này

Đăng nhập

Help BLOG WorldPress

ForcuS Youtube Master Race

Nguyen_Kain Quậy hết mình Moderator

ForcuS Youtube Master Race

Jaguar™ Sorrowful Farewell

Chia sẻ trang này

Tìm kiếm hữu ích