2006/Apr/18

Code : theme

html pj1_open blog

herd <รูปข้างบน>

<img hspace="0"

src="http://h2ooiolist.exteen.com/images/overblog%201.gif" align="baseline" border="0" /></font></p><p><img

code: theme[open blog]

/* สีของลิงค์ */

a:link, a:visited{

color:#66CCFF;

border-bottom:1px dotted #66CCFF;

text-decoration:none;

}

a:hover{

color:#66CCFF;

border-bottom:1px solid #66CCFF;

}

/* ทั้งหน้ามีลักษณะเป็นอย่างไร */

.site{

margin:20px;

padding:0px;

text-align:center;

background:url() #ffffff repeat;

}

/* ความกว้างของหน้าบลอค */

#wrapper{

width:680px;

}

/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */

#all{

width:680px;

float:left;

}

/* แถบบนสุด */

#uptab{

width:680px;

float:left;

height:29px;

background: url(/global/theme/predefined/easy/exteen.gif) right top no-repeat;

}

/*แถบกลาง หรือก็คือที่แสดงบลอค */

#midtab{

width:680px;

padding:0px;

border:3px solid #448CCB;

float:left;

}

/* แถบล่างสุด */

#downtab{

float:left;

width:680px;

height:4px;

}

/* รูปภาพด้านบน เซตความสูงและกว้างตามภาพ */

.picture{

background: url(http://h2ooiolist.exteen.com/images/overblog%201.gif) no-repeat;

height: 246px;

width: 680px;

border-bottom:1px dotted #448CCB;

}

.title{

font-family: "Microsoft Sans Serif", "Sans Serif";

font-size: 10pt;

font-weight: Bold;

color: #009900;

padding-right:10px;

vertical-align:bottom;

text-align:right;

}

.content{

width:680px;

font-family: Tahoma, "MS Sans Serif";

font-size: 12px;

color:#009900;

text-align:center;

float:left;

background-color:#BEE3A9;

}

/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */

.leftcontent{

width:500px;

float:right;

text-align:left;

background-color:#FFFFFF;

border-left:1px #BEE3A9 dotted;

}

/* พวกที่เป็นแถบลิงค์ต่างๆ */

.rightcontent{

width:179px;

float:left;

text-align:left;

background-color:#99CCFF;

border-bottom:1px #ffffcc dotted;

}

.iday {

}

/* สีของหัวข้อพวก วันที่ ประเภท */

.iday h3 {

background-repeat: no-repeat;

background-position: left top;

margin:10px 14px 0px 10px;

padding:3px 0px 3px 3px;

font-size: 14px;

color:#7DA7D9;

background-color:#B1D8FF;

}

/* เรื่องหนึ่งๆ */

.entry{

padding:5px 15px 5px 10px;

margin:5px 0px 5px 0px;

}

/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */

.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{

background-image: url(/global/theme/predefined/easy/bl.gif);

background-repeat: no-repeat;

background-position: left top;

padding:0px 10px 0px 16px;

font-size: 12px;

text-decoration:none;

font-weight:bold;

color:#7DA7D9;

border:0px;

}

/* ส่วนแสดงเนื้อหา entry */

.entrycontent{

padding:5px 10px 5px 16px;

color:#7DA7D9;

font-size:12px;

}

/* ส่วนแสดงข้อมูลของ entry เช่นวันที่โพส */

.entryfooter{

border-top:1px dotted #b1d8ff;

padding:2px 2px 2px 15px;

color:#7DA7D9;

font-size:9px;

}

/* ชื่อผู้โพส */

.entryposter{

padding:0px 5px 0px 0px;

}

/* ลิงค์ไปดู comment ของ entry */

.entrycomment a:link,.entrycomment a:visited,/* สีเวลาเอาเมาส์วาง */

.entrycomment a:hover{

background-image: url(/global/theme/predefined/easy/comment.gif);

background-repeat: no-repeat;

color:#F06EAA;

text-decoration:none;

padding:0px 80px 0px 0px;

border:0px;

}

/* สีเวลาเอาเมาส์วาง */

.entrycomment a:hover{

color:#F06EAA;

border:0px;

}

/* แถบแสดงชื่อ */

.profile{

padding:5px; margin:0px 1px 0px 10px;

font-size:10px;

}

/* พวกหัวข้อของด้านข้าง เช่น คำว่า Recommended */

.sidebar-title{

padding:2px 0px 2px 0px;

color:#7DA7D9;

font-family:Tahoma;

font-size:12px;

font-weight:bold;

padding-left:10px;

background-color:#ffffff;

border-bottom:1px #7DA7D9 dotted;

border-top:1px #7DA7D9 dotted;

}

.sidebar-item{

padding:0px 0px 0px 5px;

margin:0px 0px 10px 0px;

}

/*แต่ละไอเท็มของแถบด้านข้าง*/

.sidebar-item li{

background-repeat: no-repeat;

list-style-type: none;

margin:0px 5px 0px 10px;

padding:0px 0px 0px 15px;

background-image: url(/global/theme/predefined/easy/bl.gif);

background-position:0px 2px;

}

.sidebar-item a:link, .sidebar-item a:visited, .sidebar-item a:hover{

font-family:"Trebuchet MS",Tahoma;

text-decoration:none;

font-size:11px;

border:0px;

}

.sidebar-item a:hover{

color:#FF9966;

border:0px;

}

/* ส่วนคอมเมนต์ */

.comment{

padding:6px 5px 2px 5px;

margin:10px;

background-color:#C5E3A9;

}

.commentcontent{

color: #009900;

padding:5px 5px 5px 16px;

font-size:11px;

line-height: 1.3em;

}

.commentfooter{

padding:2px 2px 2px 15px;

color:##66CC00;

font-size:9px;

}

.commentdetail{

padding:0px 5px 0px 0px;

}

.commentposter a:link,.commentposter a:visited,.commentposter a:hover{

text-decoration:none;

padding:0;

border-bottom:0px;

}

.commentposter a:hover{

border-bottom:0px;

}

/* ฟอร์มใส่คอมเมนต์ */

form{

padding:2px 5px 2px 20px;

margin:10px;

font:11px Tahoma,"MS Sans Serif";

background-color:#ffffff;

}

input{

font:11px Tahoma,"MS Sans Serif";

}