theme

themes for download

posted on 22 Mar 2008 17:01 by ambiguous  in theme

จริงๆตั้งแต่เมื่อก่อนใครขอ css ก็ให้อยู่แล้ว เพียงแต่ต้องอีเมลล์มาขอเท่านั้นเอง
ตอนนี้มาคิดดูอีกทีแจกในที่สาธารณะก็คงไม่ต่างอะไรกัน

เพราะฉะนั้นก็ copy ไปใช้ได้ตามสบายเลยค่ะ จะไขดัดแปลงยังไงก็ได้ ไม่ต้องให้เครดิตบลอคนี้ก็ยังได้
แต่รบกวนว่าใส่เครดิตเจ้าของภาพ บรัช ฯลฯ นิดนึงแล้วกัน (มีอยู่ในเอนทรีนั้นๆแล้ว)
แล้วก็ comment ไว้สักหน่อยก็ดีว่าฉันเอาไปนะ เผื่อคนอื่นแก้แล้วสวยกว่า ดิฉันจะได้ตามไปชื่นชมบ้าง

ตอนนี้มี 3 theme เป็น exteen version ใหม่ทั้งหมด (ดูที่นี่)
ไว้ว่างๆจะมาทำเพิ่มค่ะ

=) 

  

version 21: a good conversation

posted on 09 Feb 2008 19:32 by ambiguous  in theme

 


 

pic - Call by Hidden Target, DeviantArt, photoshoped

simple and clean, nothing else.

=)

.....

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่ได้ออกแบบ bottom menu, sidebar#2 ไว้
* #page ตั้ง float:left; ไว้ (float:right; ไม่ได้) และถ้าเอาออกก็จะ center เหมือนเดิม

/*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:#d4cdb0 url();
    color:#94917e;
    font:12px Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
}

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

a:hover, a:active{
    color:#ffffff;
    background-color: #bbb081;
}

#page{
    margin:auto;
    padding-top:5px;
    text-align:left;
    width:597px;
    float: left;
    padding-left: 20px;
}

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

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

#header{
background:#d4cdb0;
    padding:0px 0px 0px 0px;
    text-align:left;
    position:relative;
}

#header h1 a{
    color:#ffffff;
    font-size:12px;
}

#header h1 a:hover{

}

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

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

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

#neck{
    background:#d4cdb0;
}

#neck .module{
    background:#ffffff;
    display:inline;
    float:left;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 0px;
    width:597px;
    border-bottom: 1px dashed #d4cdb0;
    border-top: 1px dashed #d4cdb0;
}

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

#neck .module h2{
    display:none;
}

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

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

#belly{
    background:#d4cdb0;
}

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

.entry{
    float:left;
    padding: 15px;
    border-bottom: 1px dashed #d4cdb0;
    background-color: #ffffff;
}

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

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

.entry .title h2 a{
    color:#94917e;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/converpoint.jpg)
    no-repeat left bottom;
    padding-left: 15px;
    padding-top: 15px;
}

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

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

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

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

#sidebar, #sidebar2{
    background:#d4cdb0;
    display:inline;
    float:right;
    margin:5px 25px 0px 0px;
    width:225px;
}

#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{
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/converpoint2.jpg)
    no-repeat left bottom;
    padding-left: 15px;
    padding-top: 15px;
    font-size:18px;
}

a.archive{
    background:url() no-repeat;
}
/*==========================================*/
/* 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:#ffffff;
    float:left;
}

#commentform form{
    margin:5px;
}

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

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

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

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

#commentform textarea{
    width:350px;
    height:150px;
    border: 1px dashed #d4cdb0;
}
/*==========================================*/
/* Comment (Showing Area) */

.comment{
    border-bottom: 1px dashed #d4cdb0;
    float:left;
    padding:5px 10px 5px 10px;
    background:#ffffff;
}

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

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

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

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

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

}

#leg .module{
    background:#d4cdb0;
    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:#d4cdb0;
    height:60px;
}

#footer p{
    background:#d4cdb0;
    font-size:10px;
    text-align:left;
    margin:5px 0px 0px 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)
}

  

 

version 20: coffee city

posted on 01 Jan 2008 13:40 by ambiguous  in theme

 


 

pic - Caffe Latte by wfwatt, sxc.hu
brush - Floral Mess abstract brushes by aeiryn, DeviantArt

words - Summer Sunshine, The Corrs

and me in a coffee mood

happy new year to you all.

=)

 

... 

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

/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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;
font-weight:normal;
}

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

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

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

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

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

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

#header{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/latte.jpg)
no-repeat top right;
height:564px; width:800px;
padding:0px;
border:1px solid #a5a5a5;
}

#header h1 a{
color:#ffffff;
font-size:12px;
}

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

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

#coverimage{
background:url();
}

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

#neck{
background:#7b7b7b;
border-right:#a5a5a5 1px solid;
border-left:#a5a5a5 1px solid;

}

#neck .module{
display:inline;
float:left;
padding:2px 0px 5px 25px;
}

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

#neck .module h2{
display:none;
}

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

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

#belly{
background:url() no-repeat bottom left;
background-color:#000000;
border:1px solid #a5a5a5;
}

#content{
display:inline;
float:left;
margin:10px;
width:500px;
/*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 #a5a5a5;
}

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

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

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

.entry .title h2 a:hover{
}

.entry .title span{
color:#7b7b7b;
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:7px;
padding:7px;
width:225px;
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/lattepoint.jpg)
no-repeat right center;
}

/* Sidebar Header image */
#sidebar #recommend h2, #sidebar2 #recommend h2{}
#sidebar #previous h2,#sidebar2 #previous h2{}
#sidebar #commentalert h2,#sidebar2 #commentalert h2{}
#sidebar #favourites h2,#sidebar2 #favourites h2{}
#sidebar #links h2,#sidebar2 #links h2{}
#sidebar #categories h2,#sidebar2 #categories h2{}
#sidebar #archives h2,#sidebar2 #archives h2{}
#sidebar #tags h2,#sidebar2 #tags h2{}
#sidebar #pagemenu h2,#sidebar2 #pagemenu h2{}

a.archive{
background:url() no-repeat;
}
/*===========================================*/
/* 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;
}

/*===========================================*/
/* 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:360px;
}

.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() bottom left no-repeat;
height:60px;
display:none;
}

#footer p{
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)
}