version 24: Stay

posted on 17 Aug 2008 21:14 by ambiguous in theme

เห็นรูปสวยดี

...

pic: Just so you kn0w, LittleJean, DeviantArt
font: HM-HaryuBitOne
background: sorairosakana.org
words: Angels in the Room, Delta Goodrem

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่ได้ออกแบบ bottom menu, sidebar#2 ไว้
* view ด้วย Firefox เท่านั้น

/*Normal Theme for the new exteen*/
/*Copyright by Etceto co,ltd. 2007*/

/*================================*/
/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

/* General */
body {
    background:#fbfcfc url(http://i7.photobucket.com/albums/y267/nacrelet/blog/dot03_15.gif) repeat top left;
    color:#999999;
    font:9pt Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
}

a:link, a:visited{
    color:#a8bf82;
    text-decoration:none;
}

a:hover, a:active{
    color:#999999;
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/dot03_04.gif);
}

#page{
    margin:auto;
    padding-top:0px;
    text-align:left;
    width:800px;
}

#header, #neck, #belly, #leg, #footer{
    float:left;
    width:800px;
}

/*================================*/
/* Header */

#header{
    background:#FFF;
    padding:0px 0px 0px 0px;
text-align:center;
position:relative;
}

#header h1 a{
    color:#FFFFFF;
    font-size:0px;
}

#header h1 a:hover{
    color:#FFFFFF;
}

#header h2{
    font-size:0px;
    margin:5px 0px 5px 0px;
}

#coverimage{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/stay.jpg) no-repeat;
    height:445px;
    width:800px;
    margin-left:0px !important;
    margin-left:0px; /*Fix IE Bug*/
}

/*================================*/
/* Neck Menu */

#neck{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/staytop.jpg) no-repeat #FFFFFF;
}

#neck .module{
    background:#FFFFFF;
    display:inline;
    float:left;
    margin:10px 0px 1px 30px;
    padding:0px;
    width:740px;
    border-bottom: 1px solid #a8bf82;
}

#neck .module ul{
    display:inline;
    margin:0px;
    padding:0px;
}

#neck .module h2{
    display:none;
}

#neck .module li{
    border-right:1px solid #999999;
    display:inline;
    padding:0px 10px 0px 10px;
}

/*================================*/
/* Content */

#belly{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/stayside.jpg) repeat-y #FFFFFF;
}

#content{
    display:inline;
    float:left;
    margin:15px 15px 0px 35px;
    width:490px;
    /*Fix too large image makes content drop problem in IE*/
    overflow:visible !important;
    overflow:hidden;
}

.entry{
    float:left;
    margin-bottom:15px;
    border-bottom: 1px solid #a8bf82;
}

.entry .title{
    display:block;
    float:left;
    margin-bottom:10px;
    width:100%;
}

.entry .title h2{
    font-size:14px;
}

.entry .title h2 a{
    color:#a8bf82;
}

.entry .title h2 a:hover{
    color:#999999;
}

.entry .title span{
    color:#949494;
    font-size:10px;
}

.entry .post{
    float:left;
}

.entry .post p{
    margin-bottom:10px;
}

.entry .info{
    float:left;
    width:100%;
}

.entry .info .tag{
    float:left;
    font-size:10px;
    width:350px;
}

.entry .info .coms{
    float:right;
}

/*================================*/
/* Sidebars */

#sidebar, #sidebar2{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/dot03_04.gif);
    display:inline;
    float:right;
    margin:5px 35px 10px 0px;
    width:225px;
}

#sidebar2{
    display:none;
}

#sidebar .module, #sidebar2 .module{
    margin:5px 5px 15px 10px;
}

#sidebar .module ul, #sidebar2 .module ul{
    margin:5px 0px 0px 5px;
    padding:0;
    list-style: none;
}

#sidebar .module h2, #sidebar2 .module h2{
    border-bottom: 1px solid #a8bf82;
    font-size:14px;
}

a.archive{
    padding-left:15px;
    margin-left:4px;
}
/*================================*/
/* Configure each module */

/* Profile */
#profile{
    width:95%;
    height:64px;
}

#profile img{
    float:left;
    margin:5px;
}

#profile span{
    display:block;
}

#profile .info{
    width:100% !important;
    width:60%;
}

/* Tags */
#tags li{
    display:inline;
    margin-right:5px;
}

/*================================*/
/* Comment Form */

#commentform{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/dot03_04.gif);
    width:100%;
    float:left;
}

#commentform form{
    margin:5px;
}

#commentform h3{
    font-size:14px;
    font-weight:bold;
}

#commentform .formrow{
    border-top:1px solid #a8bf82;
    padding:2px;
}

#commentform label{
    float:left;
    width:120px;
}

#commentform input.textbox{
    width:120px;
}

#commentform textarea{
    width:310px;
    height:150px;
}

/*================================*/
/* Comment (Showing Area) */

.comment{
    border-bottom: 1px solid #a8bf82;
    float:left;
    margin:10px 0px 5px 0px;
    padding-bottom:5px;
    width:100%;
}

.comment .post{
    float:right;
    width:350px;
}

.comment .post p{
    margin-bottom:10px;
}

.comment .info{
    float:left;
    font-size:10px;
    width:120px;
    margin-right:10px;
}

.comment .info img{
    width:32px;
}

/*================================*/
/* Leg Menu */
#leg{
    background:#FFF;

}

#leg .module{
    background:#d7d7d7;
    display:inline;
    float:left;
    margin:0px 0px 0px 25px;
    padding:2px 0px 5px 0px;
    width:730px;
}

#leg .module ul{
    display:inline;
    margin:0px;
    padding:0px;
}

#leg .module h2{
    font-size:12px;
    font-weight:bold;
    display:inline;
}

#leg .module li{
    border-right:1px solid #CCC;
    display:inline;
    padding:0px 10px 0px 10px;
}

/*================================*/
/* Footer */

#footer{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/staybottom.jpg) no-repeat #FFFFFF;
    height:50px;
}

#footer p{
    border-top: 1px solid #a8bf82;
    font-size:10px;
    text-align:center;
    margin:0px 25px 0px 25px;
    padding:2px;
}

/*================================*/
.navbar{
    float:left;
}

.commentmanage{
    clear:both;
}

/*PNG support for IE*/
#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) }
#sidebar .module h2, #sidebar2 .module h2{
behavior: url(/global/iepngfix.htc)
}

Tags: theme11 Comments

สวยมาก ขอบคุณนะ

GOD BLESS YOU big smile

#1 By lamoon on 2008-08-18 21:24

แจกธีมอีกแล้ววววว
ปล. จะพยายามต่อไปครับ sad smile

#2 By [Diablo]Amezon'Poori on 2008-08-23 18:25

น่ารักจัง ชอบสีเขียว

#3 By cadenzato on 2008-09-07 18:10

สวยมากๆเลยค่ะ ชอบจัง
ขอเอาโค้ดไปใช้หน่อยนะค่ะ

แล้วท่าเกิดว่า เราทำคล้ายมากจนเกินไป
เม้นท์บอกเลยนะ >.< จะเปลื่ยนให้ทันที

ขอบพระคุณมากๆเลยค่ะ ^^

#4 By ONKEY on 2008-10-23 15:25

ขออนุญาตค่ะ ทำธีมสวยจังเลยค่ะT_T เห็นแล้วอับอายตัวเอง ฮ่าๆๆๆ ขอบคุณมากค่ะสำหรับโค้ดงามๆ

#5 By Clownie n'Clowdy on 2009-03-01 18:04

สวยจัง ชอบมากเลยค่ะ

ขอธีมไปใช้หน่อยนะคะ m_ _m
ตอนนี้เอาไปล้วนๆ เลย แต่กำลังปรับอยู่ค่ะ
(เพิ่งลองเล่นดู ยังทำไม่คอยเป็น..แต่จะพยายามค่ะ)

ยังไงก็ขอบคุณมากๆ เลยล่ะค่ะ
GOD BLESS YOU