theme

version 27: we

posted on 03 Oct 2009 21:35 by ambiguous  in personal, theme

ในที่สุดก็ปิดเทอมแล้ว

การได้พักนี่ประเสริฐสุดจริงๆ
ขอบคุณพระเจ้าสำหรับวันสะบาโตค่ะ

เข้าใจเลยว่าทำไมคนถึงจำเป็นต้องพัก และพระเจ้าก็รู้ว่าการพักจำเป็นสำหรับเรา
แล้วคนที่ได้พักอาทิตย์ละวัน (หรือสองวันนะ) ก็ทำงานได้มีประสิทธิภาพกว่าคนที่ไม่พักเลยตลอดอาทิตย์

แต่ก็น่าแปลกที่สมัยนี้บางคน ไม่ถูกบังคับก็ไม่ยอมพัก
ทำงานกันให้ตายไปข้างนึง... 

พรุ่งนี้จะได้ไปโบสถ์แล้ว
ดีใจจัง 

...

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

 

จริงๆเอาไปดัดแปลงได้เยอะเลยกับรูป background ทำนองนี้
layer ของ content เป็น center อยู่ หวังว่าจะเอาไปปรับกันได้ไม่ยากนะคะ
ต้องขอขอบคุณ code จากคุณ Jealsoul ที่เอามาดัดแปลงในธีมนี้ด้วยค่ะ

Image: The Juice Stop
Font: Never Let Go
Lyrics: My Best, Vanessa Carlton
CSS extra Credit: Jealsoul  

* รูปอยู่ที่ photobucket เหมือนเดิม กรุณา save ค่ะ
* มีเฉพาะ bottom menu เท่านั้น
* 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:#ffffff;
    color:#ffffff;
    font:9pt Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
}

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

a:hover, a:active{
    color:#FF8121;
    text-decoration:none;
    font-weight:bolder;
}

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

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



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

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


#header h1 a{
    display:none;
}

#header h1 a:hover{
}

#header h2{
    display:none;
}

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



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

#neck{
}

#neck .module{
    display:none;
}

#neck .module ul{
}

#neck .module h2{
    display:none;
}

#neck .module li{
}



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

#belly{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/webody.jpg) no-repeat;
    width:900px; height: 580px;
}

#content{
    display:inline;
    float:left;
    /*Fix too large image makes content drop problem in IE*/
    z-index:1; overflow: auto; position: absolute; height: 530px; top: 545px; width:770px;
    margin-left: 70px;
}

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

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

.entry .title h2{
    background: url() no-repeat left center;
    width:100%;
    font-size:16px;
    padding:2px 0px 4px 0px;
}

.entry .title h2 a{
    color: #FF8121;
    text-decoration:none;
}

.entry .title h2 a:hover{
}

.entry .title span{
    width:100%;
    color:#949494;
    font-size:10px;
    font-family: Georgia;
}

.entry .post{
    width:98%;
    margin-top: 10px;
}

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

.entry .info{
    float:left;
    width:98%;
    border-bottom:#949494 1px dashed;
}

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

.entry .info .coms{
    float:right;
    padding-right: 20px;
}



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

#sidebar, #sidebar2{
    display:none;
}

#sidebar2{
    display:none;
}


/*=========================================*/
/* Configure each module */

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

#profile img{
    float:left;
    margin:2px;
    padding-left: 45px
}

#profile span{
    display:block;
}

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

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



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

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

#commentform form{
    margin:5px;
}

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

#commentform .formrow{
    padding:2px;
}

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

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

#commentform textarea{
    width:310px;
    height:150px;
    border: #949494 dashed 1px;
    margin:10px 0px 10px 0px;
}



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

.comment{
    border-top: 1px dashed #949494;
    float:left;
    padding:10px 0px 10px 0px;
    width:98%;
}

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

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

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

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



/*=========================================*/
/* Leg Menu */
#leg{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/wefooter.jpg) no-repeat center bottom;
    width: 900px;
    height: 280px;
}

#leg .module{
    display:block;
    float:left;
    margin:5px 0px 0px 5px;
    padding:2px 0px 5px 2px;
    width:170px;
}

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

#leg .module h2{
    font-size:13px;
}

#leg .module li{
    display:block;
    padding:0px 10px 0px 10px;
}



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

#footer{
    background:url()
}

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

/*=========================================*/
.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: css, theme12 Comments

version 26: fairytale

posted on 19 May 2009 20:56 by ambiguous  in theme

I used to
Hover outside my truth
Always worry of what I'd lose
Take away my record deal
Go on, I don't need it
Spent the last 2 years getting to what's real
And now I can see so clear
I hope you feel just like I feel
I found some kind of fairytale
-Nolita Fairytale, Vanessa Carlton

...

เพลงของ Vanessa หลายเพลงทำให้นึกถึงหน้าร้อน (แม้ตอนนี้จะเหมือนหน้าฝนมากกว่า)
ได้ยินชื่อ Steinbeck ครั้งแรกก็จากนักร้องคนนี้
ไว้ว่างๆจะเอาเพลงมาแปลบ้าง

ส่วนรูปก็ชอบมาก
เสียเวลากับรูปไปนานโขอยู่เพราะไม่เก่งโฟโต้ชอปเลย

 

pic: "Made to LOVE" by IgNgRez and "where will u go" by widjita, DeviantArt
font: Clementine Sketch
brush: stitch by boyingopaw, DeviantArt
words: San Francisco, Vanessa Carlton

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่มี header และ neck menu
* ไม่ได้ออกแบบ 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:#7f7969;
    color:#7f7969;
    font:9pt Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
}

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

a:hover, a:active{
    color:#da6575;
    text-decoration:none;
    font-weight:bolder;
}

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

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

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

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


#header h1 a{
    display:none;
}

#header h1 a:hover{
}

#header h2{
    display:none;
}

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

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

#neck{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairybg.jpg) repeat-y center top;
}

#neck .module{
    display:inline;
    float:left;
    margin:2px 0px 5px 0px;
    padding-left:20px;
    width:900px;
    border-bottom: 1px dashed #7f7969;
}

#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/fairybg.jpg) repeat-y center top;

}

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

.entry{
    float:left;
    margin-bottom:10px;
}

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

.entry .title h2{
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairypoint.jpg) no-repeat left center;
    width:96%;
    font-size:16px;
    padding:2px 0px 4px 25px;
}

.entry .title h2 a{
    color: #7f7969;
    text-decoration:none;
}

.entry .title h2 a:hover{
}

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

.entry .post{
    margin-top: 10px;

}

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

.entry .info{
    float:left;
    width:100%;
    border-bottom:#7f7969 1px dashed;
}

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

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

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

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

#sidebar2{
    display:none;
}

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

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

#sidebar .module ul a{
    margin:0px;
    padding:0px 0px 0px 22px;
    list-style: none;
}

#sidebar .module ul a:hover{
    padding:0px 0px 0px 22px;
    background: transparent url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairypoint.jpg) no-repeat;
}

#sidebar .module h2, #sidebar2 .module h2{
    padding:0px;
    font-size: 0px;
}

a.archive{
}

#sidebar #recommend h2{
    background: transparent url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairyrecommend.jpg) no-repeat;
    width:152px;
    height:43px;
}

#sidebar #commentalert h2{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairycomments.jpg) no-repeat;
    width:126px;
    height:43px;
}

#sidebar #categories h2{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairycategories.jpg) no-repeat;
    width:146px;
    height:43px;
}
/*==================================*/
/* Configure each module */

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

#profile img{
    float:left;
    margin:2px;
    padding-right: 5px
}

#profile span{
    display:block;
}

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

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

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

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

#commentform form{
    margin:5px;
}

#commentform h3{
    font-size:0px;
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairycomments.jpg) no-repeat;
    width:126px;
    height:43px;
}

#commentform .formrow{
    padding:0px;
}

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

#commentform input.textbox{
    width:150px;
    background-color: #7f7969;
    color: #FFFFFF;
}

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

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

.comment{
    border-top: 1px dashed #7f7969;
    float:left;
    padding:10px 0px 10px 0px;
    width:100%;
}

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

.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: url();
}

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

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

#leg .module h2{
    font-size:13px;
}

#leg .module li{
    display:inline;
    padding:0px 10px 0px 10px;
}

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

#footer{
    background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/fairybottom.jpg) no-repeat center bottom #ffffff;
}

#footer p{
    border-top: 1px dashed #7f7969;
    font-size:10px;
    text-align:center;
    margin:0px 0px 15px 0px;
    padding:3px;
}

/*==================================*/
.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: fairytale, theme, vanessa carlton10 Comments

version 25: Sleep

posted on 21 Feb 2009 21:00 by ambiguous  in theme

ข้าพระองค์จะเอนกายลงและนอนหลับด้วยความสงบสุข
ข้าแต่องค์พระผู้เป็นเจ้า+ เพราะพระองค์ผู้เดียว
ทรงทำให้ข้าพระองค์อาศัยอยู่อย่างปลอดภัย
-สดด.4:8

one of my favorite verses from last year inspires this theme

too dark for my liking though,

and that means i'll probably change it soon.

=)

 

 

 

 

pic: Toa Pa Yoh by D4D1, DeviantArt
font: Beyond Wonderland
brush: .... sorry, can't remember
words: a children's prayer i memorized from a book i've now lost. wiki says it goes way back to the 18th century...

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่มี header และ neck menu
* ไม่ได้ออกแบบ 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, 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;
font-weight:normal;
}

/* General */
body {
color:#ffffff;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
background-color: #060612;
}

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

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

#page{
margin:auto;
text-align:left;
width:900px;
}

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

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

#header{
display:none;
}

#header h1 a{

}

#header h1 a:hover{
}

#header h2{
display:none;
}

#coverimage{
background:url();
}

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

#neck{
}

#neck .module{
display:none;
}

#neck .module ul{
display:none;
}

#neck .module h2{
display:none;
}

#neck .module li{
}

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

#belly{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleep.jpg) no-repeat top left;
}

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

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

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

.entry .title h2{
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat left center;
width:96%;
font-size:16px;
padding:4px 0px 4px 21px;
border-bottom:1px solid #ffffff;
}

.entry .title h2 a{
color:#c6c9f4;
width:100%;
}

.entry .title h2 a:hover{
color:#ffffff;
width:100%;
}

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

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

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

#sidebar, #sidebar2{
background-image: url();
display:inline;
float:left;
margin:12px;
padding-top:670px;
width:380px;
text-align:right;
}

#sidebar2{
display:none;
}

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

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

#sidebar .module h2, #sidebar2 .module h2{
padding:1px 20px 1px 1px;
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat right center;
}

a.archive{
}
/*======================================*/
/* Configure each module */

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

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

#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:url();
float:left;
}

#commentform form{
margin:5px;
}

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

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

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

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

#commentform textarea{
width:310px;
height:150px;
background-color: #060612;
color:#ffffff;
border: 1px solid #c6c9f4;
}

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

.comment{
border-bottom:1px solid #7b7b7b;
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:120px;
margin-right:10px;
}

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

/*======================================*/
/* Leg Menu */
#leg{
background:url() top left;
}

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

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

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

#footer{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleepfooter.jpg) bottom right no-repeat;
height:95px;
}

#footer p{
display:none;
background:url();
font-size:10px;
text-align:center;
margin:5px 25px 0px 25px;
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)
}

 

Tags: theme24 Comments
First | Previous | Next | Last