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

 

 

Tags: theme10 Comments

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

สวยจังเลยครับ อยากทำเป็นดูบ้าง ^^/

#1 By iMase on 2008-04-20 21:27


big smile
มาเยือนเป็นคนแรกเล๊ย เย้ๆๆ open-mounthed smile


โอ้ย confused smile ธีมสวย อีกแล้ว อยากอีกแล้ว แต่ไม่ฉลาดค่ะ
อ่านๆไปก่อน

embarrassed ไดคุณมุกวันนี้ไม่ไม่เขียนอะไรในใจเลยนะคะ สบายดีไหมเอ่ย
เฟื่องตื่นสาย ไม่ได้ไปโบสถ์ เบี้ยวมาอ่านไดอารี่

cry ไว้นั่งศึกษาเรื่องการทำธีมแล้วค่อยมาเขียนไดอีก ช่วงนี้ ทางเฟื่องก็วุ่นๆค่ะ ไปเขียนแบบจดๆไว้ที่ไดอารี่คลับน่ะคะ ไปทักกันบ้างน๊ะ

surprised smileขอให้คุณมุกมีพลังแห่งความรักจากพระองค์ผู้ทรงเป็นน้ำพุแห่งชีวิตค่ะ

#2 By เฟื่อง (24.35.109.241) on 2008-04-20 21:33

ลืมวางแผนที่ แห่ะๆๆ
question

#3 By เฟื่อง (24.35.109.241) on 2008-04-20 21:36

ธีมสวย เห็นแล้วนึกถึง Dtac ^^!~

#4 By ~Trigger~ on 2008-04-20 21:39

ชอบ version 17: 光 | a christian hedonist เพราะเห็นแวปแรกมันได้อารมณ์แบบ คนอกหัก รักคุด ตุ๊ดเมิน เดินตกท่อ หมอบอกว่าโดนของ ชอบมองโลกในแง่ร้าย... sad smile


แต่เห็นเวอนี้แวปแรก แล้วก็รู้สึกดีครับ HereBe's poll ให้ครองแชมป์ร่วม... ก็เหมาะกับบล็อกนี้ทั้ง 2 เวอในอัตราต่อรองเสมอควบครึ่ง

ในขาวมีดำ ในดำย่อมมีขาว confused smile

hope you are happy ja...

big smile

#5 By Here Be.๛๛๛๛ on 2008-04-21 11:31

Very beautiful theme confused smile

#6 By เจนเนสซ่า on 2008-04-21 16:11

น่ารักมากๆเลยbig smile

#7 By lamoon on 2008-04-25 12:43

โฮ นึกว่าจะไม่เห็นพี่มุกอัพบลอคซะแล้ว คิดถึงๆconfused smile

#8 By [Diablo]Amezon'Poori on 2008-04-25 19:21

สวยมากเลยค่ะ ขอไปลองทำหน่อยนะค่ะ

#9 By tokko on 2009-01-13 11:51

ขอมารับไปเป็นตัวอย่างนะคะ cry

#10 By P i n k i e M o n k e y on 2009-10-15 19:01