theme

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



 

 

version 23: Turkish Delight

posted on 10 Jul 2008 20:41 by ambiguous  in theme, translation

a new theme, just for a quick update

=)


ตั้งชื่อนี้เพราะรูปถ่ายที่ตุรกี
แล้วก็เลยนึกถึงขนม Turkish Delight กับหนังเรื่อง Narnia
ส่วนเพลงนี้ soundtrack ของ Narnia ภาคแรก
แปลมั่วน่าดูเลยทีเดียว ฟังแต่เพลงอาจจะดีกว่า...

...

ฉันตามหาเหตุผลมานานเกินไปแล้ว
ฉันปล่อยให้โลกหดลงรอบเป็นแผ่นฟ้าผืนเล็กๆ
แต่ตอนนี้ฉันได้ออกไปนอกกำแพง ไปยังที่ที่ฉันไม่เคยไปมาก่อน
และในแดนมหัศจรรย์นี้ก็ยังเป็นฤดูหนาว

ฉันกำลังเฝ้ารอให้โลกสูญสลาย
เฝ้ารอให้ทิวทัศน์เปลี่ยนไป
เฝ้ารอให้เกิดสีสัน
เฝ้ารอให้โลกนี้ถูกทำลายไป

ฉันหลับตาลงและพยายามมองหาโลกที่สวยงามเบื้องล่าง
โลกที่ห่างไกลออกไปนั้นอาจช่วยชีวิตฉันในตอนนี้
ท้องฟ้าที่ถูกระบายเป็นสีฟ้าดูสมจริงเกินไป
และเมฆไม่เคยเปลี่ยนรูปร่างตัวฉันต่อหน้าพระเจ้า

ฉันกำลังเฝ้ารอให้โลกสูญสลาย
เฝ้ารอให้ทิวทัศน์เปลี่ยนไป
เฝ้ารอให้เกิดสีสัน
เฝ้ารอให้โลกนี้ถูกทำลายไป

เมื่อฉันจับแสงของดาวตก ภาพนั้นก็เปลี่ยนแปลงฉัน
เปลี่ยนแปลงฉัน

ฉันกำลังเฝ้ารอ

- Waiting for the World to Fall, Jars of Clay

 

 

... 

pic: a street in Turkey, mom, photoshoped
brush: จำไม่ได้แล้ว... 

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

 

/* 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 {
    color:#b7aeac;
    font:12px Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
    background-color: #ffffff;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkey.jpg) left top no-repeat fixed;
}

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

a:hover, a:active{
    color:#ffffff;
    background-color:#315484;
    text-decoration:none;
}

#page{
    margin:auto;
    text-align:left;
    float: left;
    padding-left: 430px;
}

#header, #neck, #belly, #leg, #footer{
    float:left;
    width:600px;
    border-right:1px dashed #315484;
    border-left:1px dashed #315484;
}

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

#header{
    padding:5px 0px 0px 0px;
      text-align:right;
     position:relative;
}


#header h1 a{
    color:#315484;
    font-size:14px;
    margin-right: 10px;
}

#header h1 a:hover{
    color:#ffffff;
    background-color:#315484;
    text-decoration:none;
}

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

#coverimage{
    margin-left:25px !important;
    margin-left:0px; /*Fix IE Bug*/
}

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

#neck{
}

#neck .module{
    display:inline;
    float:left;
    margin:0px 5px 0px 0px;
    padding:2px 0px 5px 0px;
    width:600px;
    border-top: 1px dashed #a69c90;
    border-bottom: 1px dashed #a69c90;
}

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

#neck .module h2{
    display:none;
}

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

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

#belly{
}

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

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

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

.entry .title h2{
    font-size:14px;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkeypoint.jpg) no-repeat left bottom;
    padding-left: 22px;
}

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

.entry .title h2 a:hover{
}

.entry .title span{
    color:#b7aeac;
    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:400px;
}

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

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

#sidebar, #sidebar2{
    display:inline;
    float:right;
    margin:5px 5px 0px 0px;
    width:150px;   
}

#sidebar2{
    display:none;
}

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

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

#sidebar .module h2, #sidebar2 .module h2{
    border-bottom: 1px dashed #a69c90;
    font-size:13px;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkeypoint.jpg) no-repeat right bottom;
    padding-right: 22px;
    text-align: right;
}

a.archive{
    background:url() no-repeat;
}
/*====================================*/
/* Configure each module */

/* Profile */
#profile{
    width:95%;
    height:64px;
    text-align:right;
}

#profile img{
    float:right;
    margin-left:10px;
}

#profile span{
    display:block;
}

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

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

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

#commentform{
    border: 1px dashed #a69c90;
    width:100%;
    float:left;
}

#commentform form{
    margin:8px;
}

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

#commentform .formrow{
    padding:0px;
}

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

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

#commentform textarea{
    width:310px;
    height:150px;
    border: 1px dashed #a69c90;
}

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

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

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

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

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

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

/*====================================*/
/* Leg Menu */
#leg{
    background:#ffffff;
}

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

#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 #a69c90;
    display:inline;
    padding:0px 10px 0px 10px;
}

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

#footer{
    height:40px;
}

#footer p{
    font-size:10px;
    text-align:center;
    margin:5px 5px 0px 5px;   
}

/*====================================*/
.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)
}


 

 

version 22: by the sea

posted on 20 Apr 2008 20:23 by ambiguous  in theme

here comes the summer

=)

 


pic: 「 凛 -Rin- 」
brush: Dashed Lines by ALESS
lyrics: Life for Rent, Dido

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่ได้ออกแบบ bottom menu, sidebar#2 ไว้ 
* ใน IE จะแปลกๆนะคะ ไม่สามารถแก้ได้ - -"

 

/*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:#ffffff url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sea.jpg) no-repeat top left;
color:#a69c90;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
height: 1215px;
scrollbar-arrow-color:#528ba8;
scrollbar-face-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3d-light-color:#FFFFFF;
}

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

a:hover, a:active{
color:#528ba8;
border-bottom: 1px dashed #a69c90;
}

#page{
z-index:1; overflow: auto; position: absolute; height: 460px; left: 265px; top: 340px;
margin:auto;
padding-top:10px;
text-align:left;
width:700px;
scrollbar-arrow-color:#528ba8;
scrollbar-face-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#528ba8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3d-light-color:#FFFFFF;
}

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

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

#header{
padding:5px 0px 0px 0px;
text-align:right;
position:relative;
}


#header h1 a{
color:#a69c90;
font-size:14px;
margin-right: 10px;
}

#header h1 a:hover{
}

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

#coverimage{
width:680px;
margin-left:25px !important;
margin-left:0px; /*Fix IE Bug*/
}

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

#neck{
background:#FFF;
}

#neck .module{
display:inline;
float:left;
margin:0px 5px 0px 0px;
padding:2px 0px 5px 0px;
width:680px;
border-top: 1px dashed #a69c90;
border-bottom: 1px dashed #a69c90;
}

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

#neck .module h2{
display:none;
}

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

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

#belly{
background:#ffffff;
}

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

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

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

.entry .title h2{
font-size:14px;
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/seapoint.jpg) no-repeat left bottom;
padding-left: 22px;
}

.entry .title h2 a{
color:#528ba8;
}

.entry .title h2 a:hover{
}

.entry .title span{
color:#a69c90;
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{
display:inline;
float:right;
margin:5px 5px 0px 0px;
width:185px;
}

#sidebar2{
display:none;
}

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

#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 dashed #a69c90;
font-size:13px;
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/seapoint.jpg) no-repeat right bottom;
padding-right: 22px;
text-align: right;
}

a.archive{
background:url() no-repeat;
width:12px;
height:12px;
padding-left:15px;
margin-left:4px;
}
/*========================================*/
/* Configure each module */

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

#profile img{
float:left;
margin-right:10px;
}

#profile span{
display:block;
}

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

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

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

#commentform{
width:100%;
background:#c1d6e0;
float:left;
}

#commentform form{
margin:5px;
}

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

#commentform .formrow{
border-top:1px dashed #a69c90;
padding:2px;
}

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

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

#commentform textarea{
width:310px;
height:150px;
border: 1px dashed #a69c90;
}

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

.comment{
border-bottom: 1px dashed #528ba8;
float:left;
margin:5px 0px 5px 0px;
padding-bottom:5px;
width:100%;
}

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

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

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

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

/*========================================*/
/* Leg Menu */
#leg{
background:#ffffff;
}

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

#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 #a69c90;
display:inline;
padding:0px 10px 0px 10px;
}

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

#footer{
background:#FFF;
height:60px;
}

#footer p{
border-top:1px dashed #a69c90;
border-bottom:1px dashed #a69c90;
font-size:10px;
text-align:center;
margin:5px 5px 0px 5px;
padding:5px;
}

/*========================================*/
.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)
}