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 เท่านั้น
/*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)
}