**โค้ดบลอค์**
posted on 01 Sep 2007 06:20 by cloudkof2002/* สีของลิงค์ */
a:link, a:visited{
color:#FFFFFF;
border-bottom:0px dotted #FFFFFF;
text-decoration:none;
}
a:hover{
color:#000000;
border-bottom:0px solid #000000;
}
/* ทั้งหน้ามีลักษณะเป็นอย่างไร */
.site{
margin:0px;
padding:0px;
text-align:center;
background-image:url(รูปภาพ);
background-attachment : fixed
}
/* ความกว้างของหน้าบลอค */
#wrapper{
width:800px;
}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
width:780px;
float:left;
background-repeat: repeat-y;
background-position: center;
}
/* รูปภาพด้านบน เซตความสูงและกว้างตามภาพ */
.picture{
background-image: url(รูปภาพ);
background-repeat: no-repeat;
background-position: left top;
height: 531px;
width: 780px;
border:5px double #E3D2A1;
margin:15px 0px 15px 0px;
}
.title{
font-family: Tahoma, "MS Sans Serif";
font-size: 1px;
color: #000000;
text-align:right;
padding:15px 0px 15px 30px;
vertical-align:bottom;
border:0px;
}
/* ต้องมาเซตสีไตเติลตรงนี้ด้วย */
.title a:link, .title a:visited, .title a:hover{
font-family: Tahoma, "MS Sans Serif";
font-size: 1px;
color: #000000;
text-align:right;
border:0px;
}
.content{
width:800px;
font-family: Tahoma, "MS Sans Serif";
font-size: 12px;
color: #000000;
text-align:center;
float:left;
}
/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */
.leftcontent{
width:540px;
float:left;
text-align:left;
border-bottom:10px solid #000000;
border:5px double #E3D2A1;
background-color:#C1AE76;
margin:0px 8px 0px 0px;
filter: alpha(opacity=82)
}
/* พวกที่เป็นแถบลิงค์ต่างๆ */
.rightcontent{
width:230px;
float:right;
text-align:left;
border:5px double #E3D2A1;
margin:0px 0px 0px 0px;
background-color:#C1AE76;
filter: alpha(opacity=82)
}
.iday {
}
/* สีของหัวข้อพวก วันที่ ประเภท */
.iday h3 {
background-image: url();
background-repeat: no-repeat;
background-position: left top;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 40px;
font-size: 14px;
color:#000000;
border-bottom:1px dotted #000000;
}
/* เรื่องหนึ่งๆ */
.entry{
background-image: url();
background-repeat: no-repeat;
background-position: left top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 14px;
color:#000000;
border-bottom:0px dotted #ff6600;
}
/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url();
background-repeat: no-repeat;
background-position: left top;
padding:20px 0px 20px 20px;
font-size: 14px; solid
color:#000000;
text-decoration:none;
border:0px;
background-image:url(รูปภาพgif);
background-position: baseline;
}
/* ส่วนแสดงเนื้อหา entry */
.entrycontent{
color: #403B2A;
padding:5px 5px 5px 16px;
color:#403B2A;
font-size:12px;
}
/* ส่วนแสดงข้อมูลของ entry เช่นวันที่โพส */
.entryfooter{
border-top:1px solid #EEEEEE;
padding:2px 2px 2px 15px;
color:#302C1F;
font-size:9px;
}
/* ชื่อผู้โพส */
.entryposter{
padding:0px 5px 0px 0px;
}
/* ลิงค์ไปดู comment ของ entry */
.entrycomment a:link,.entrycomment a:visited,/* สีเวลาเอาเมาส์วาง */
.entrycomment a:hover{
background-image:url(รูปภาพgif);
background-repeat: no-repeat;
color:#cc0000;
text-decoration:none;
padding:0px 0px 15px 95px;
border-bottom:0px;
}
/* สีเวลาเอาเมาส์วาง */
.entrycomment a:hover{
background-image:url(รูปภาพgif);
color:#302C1F;
border-bottom:0px;
}
/* แถบแสดงชื่อ */
.profile{
padding:5px; margin:0px 0px 0px 1px;
background-color:#ffffff;
font-size:10px;
border-bottom:0px dotted #000000;
border-top:0px dotted #000000;
text-align:center;
filter: alpha(opacity=82)
}
/* พวกหัวข้อของด้านข้าง เช่น คำว่า Recommended */
.sidebar-title{
padding:2px 0px 2px 0px;
color:#ffffff;
font-family:"Trebuchet MS",Tahoma;
font-size:14px;
background-color:#E3D2A1;
text-align:center;
}
.sidebar-item{
padding:0px 0px 5px 0px;
margin:0px;
border-bottom:0px dotted #cc0033;
}
/*แต่ละไอเท็มของแถบด้านข้าง*/
.sidebar-item li{
background-image: url(รูปภาพgif);
background-repeat: no-repeat;
list-style-type: none;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 20px;
background-position: 8px 5px;
border-bottom:0px solid #000000;
font:11px Tahoma,"MS Sans Serif";
}
.sidebar-item a:link, .sidebar-item a:visited, .sidebar-item a:hover{
font:11px Tahoma,"MS Sans Serif";
text-decoration:none;
}
/* ส่วนคอมเมนต์ */
.comment{
padding:2px 5px 2px 5px;
margin:10px;
border:1px solid #AC3131;
}
.commentcontent{
color: #ffffff;
padding:5px 5px 5px 16px;
color:#CE3B40;
font-size:11px;
line-height: 1.3em;
}
.commentfooter{
border-top:1px solid #663300;
padding:2px 2px 2px 15px;
color:#CE3B40;
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;
color:#ffffff;
border:1px solid #AC3131;
font:11px Tahoma,"MS Sans Serif";
background-image: url(รูปภาพ);
}
input{
font:11px Tahoma,"MS Sans Serif";
}
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #87161A;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #87161A;
scrollbar-arrow-color: #87161A;
scrollbar-track-color: #ffffff;
}
เครดิค เมชัง ^O^ โค้ดจากบ้านเก่าบ้านแรกของปลาเอง=w=
อย่างเ่ช่น
BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #87161A;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #87161A;
scrollbar-arrow-color: #87161A;
scrollbar-track-color: #ffffff;
}
ถ้าใส่แล้วมันจะออกมาเป็นหน้าตายังไง??
#1 By robocon on 2007-09-01 07:39