หลังจากแก้ อยู่ตั้งนาน แถมยังมั่วๆอีกด้วย
body {
font-family: "Lucida Grande", helvetica, "Trebuchet MS", verdana, sans-serif;
font-size: 78%;
color: #909090;
/*background: #C6C8CC url(http://oanex.exteen.com/images/theme2/body.png) repeat-y center top;*/
margin: 10px auto;
padding: 0;
border: 0;
text-align: center;
}
/* สีของลิงค์ */
a:link, a:visited{
color:#675B4D;
border-bottom:1px dotted #675B4D;
text-decoration:none;
}
a:hover{
/*color:#FF6600;
border-bottom:1px solid #FF6600;*/
color:#000;
border-bottom:1px dotted #000;
text-decoration:none;
}
/* ทั้งหน้ามีลักษณะเป็นอย่างไร */
.site{
margin:0px;
padding:0px;
text-align:center;
background-color: #C6C8CC;
}
/* ความกว้างของหน้าบลอค */
#wrapper{
width:720px;
}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
width:720px;
float:left;
border: 0;
padding: 0;
background-image:url(http://oanex.exteen.com/images/theme2/body.png);
background-repeat: repeat-y;
background-position: center;
/*border-left:1px solid #000000;
border-right:1px solid #000000;*/
/* background: #C6C8CC url(http://oanex.exteen.com/images/theme2/body.gif) repeat-y center top;*/
}
/* แถบบนสุด */
#uptab{
/*background-color:#0C5134;
font-size:0px;width:720px;height:10px;*/
}
/*แถบกลาง หรือก็คือที่แสดงบลอค */
#midtab{
width:720px;
padding:0px;
}
/* แถบล่างสุด */
#downtab{
background-image: url(http://oanex.exteen.com/images/theme2/foot.png);
background-repeat: no-repeat;
background-position: left top;
font-size:0px;width:720px;height:60px;
float:left;
}
/* รูปภาพด้านบน เซตความสูงและกว้างตามภาพ */
.picture{
/*background-image: url(/global/theme/predefined/aromy/defbck.jpg);*/
background-image: url(http://oanex.exteen.com/images/theme2/top.png);
background-repeat: no-repeat;
background-position: left top;
height: 80px;
width: 720px;
}
.title{
font-family: Tahoma, "MS Sans Serif";
font-size: 24px;
/*color: #FFFFFF;*/
color: #909090;
text-align:left;
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: 24px;
color: #FFFFFF;
text-align:left;
border:0px;
}
.content{
width:720px;
font-family: Tahoma, "MS Sans Serif";
font-size: 12px;
color: #666666;
text-align:center;
float:left;
}
/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */
.leftcontent{
/*width:510px;*/
width:550px;
float:left;
text-align:left;
}
/* พวกที่เป็นแถบลิงค์ต่างๆ */
.rightcontent{
/*width:210px;*/
width:170px;
float:right;
text-align:left;
}
.iday {
}
/* สีของหัวข้อพวก วันที่ ประเภท */
.iday h3 {
background-image: url(/global/theme/predefined/aromy/title.gif);
background-repeat: no-repeat;
background-position: left top;
margin:5px 10px 0px 10px;
padding:0px 0px 0px 16px;
font-size: 14px;
color:#B49967;
border-bottom:1px dotted #DDDDDD;
}
/* เรื่องหนึ่งๆ */
.entry{
padding:5px 10px 5px 10px;
margin:5px 0px 5px 0px;
}
/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
/*background-image: url(/global/theme/predefined/aromy/titleentry.gif);*/
background-image: url(http://oanex.exteen.com/images/theme2/quote.png);
background-repeat: no-repeat;
background-position: left top;
padding:0px 0px 0px 16px;
font-size: 14px;
font-weight: bold;
/*color:#6B8A4F;*/
color:#909090;
text-decoration:none;
border:0px;
}
/* ส่วนแสดงเนื้อหา entry */
.entrycontent{
color: #000000;
padding:5px 5px 5px 16px;
color:#000000;
font-size:11px;
line-height: 1.3em;
}
/* ส่วนแสดงข้อมูลของ entry เช่นวันที่โพส */
.entryfooter{
border-top:1px solid #EEEEEE;
padding:2px 2px 2px 15px;
color:#CCCCCC;
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/aromy/entrycomment.gif);
background-repeat: no-repeat;
color:#43697C;
text-decoration:none;
padding:0px 80px 0px 0px;
border-bottom:0px;
}
/* สีเวลาเอาเมาส์วาง */
.entrycomment a:hover{
background-image: url(/global/theme/predefined/aromy/entrycommenthover.gif);
/*color:#FF6C00;*/
color:#000;
border-bottom:0px;
}
/* แถบแสดงชื่อ */
.profile{
padding:5px; margin:0px 0px 0px 1px;
/*background-color:#D8F0D7;*/
font-size:10px;
/*border-bottom:1px dotted #8AA29B;
border-top:1px dotted #8AA29B;*/
}
/* พวกหัวข้อของด้านข้าง เช่น คำว่า Recommended */
.sidebar-title{
padding:5px 0px 5px 12px;
color:#006666;
font-family:"Trebuchet MS",Tahoma;
font-size:14px;
}
.sidebar-item{
padding:0px 0px 5px 0px;
margin:0px;
/*border-bottom:1px dotted #8AA29B;*/
}
/*แต่ละไอเท็มของแถบด้านข้าง*/
.sidebar-item li{
background-image: url(/global/theme/predefined/aromy/bul.gif);
background-repeat: no-repeat;
list-style-type: none;
margin:0px 8px 2px 12px;
padding:0px 0px 0px 14px;
background-position: 0px 5px;
}
.sidebar-item a:link, .sidebar-item a:visited, .sidebar-item a:hover{
font-family:"Trebuchet MS",Tahoma;
text-decoration:none;
font-size:11px;
}
/* ส่วนคอมเมนต์ */
.comment{
padding:2px 5px 2px 5px;
margin:10px;
border:1px solid #CCCCCC;
}
.commentcontent{
color: #000000;
padding:5px 5px 5px 16px;
color:#000000;
font-size:11px;
line-height: 1.3em;
}
.commentfooter{
border-top:1px solid #EEEEEE;
padding:2px 2px 2px 15px;
color:#CCCCCC;
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;
border:1px solid #CCCCCC;
font:11px Tahoma,"MS Sans Serif";
}
input{
font:11px Tahoma,"MS Sans Serif";
}
edit @ 2005/05/21 06:31:31
edit @ 2005/05/22 01:16:23
