แจก CSS Theme กว้างๆ v.1.7

[admin]

*** อัพเป็น version 1.8 โดย คุณเจมส์วิว ที่นี่ครับ ***

*** เวอร์ชั่นนี้ (1.7) ยังไม่รองรับ IE7 นะคับ ***

รับมาจาก JJB อีกทีหนึ่งคับ
หน้าตาของ Theme ที่แจกมีลักษณะดังนี้ครับ



เวอร์ชั่น
500426 1.0 เริ่มแจก
500426 1.1 บอกตำแหน่งที่ใส่ url เฮดเดอร์ (แจ้งโดย tomoasis)
500426 1.2 บอกขนาดของเฮดเดอร์ (แจ้งโดย tomoasis)
500427 1.3 แก้ไขปัญหาเมนูสูง (แจ้งบักโดย thekiosk)
50042X 1.4 แก้ไขสีของตาราง#1
500501 1.5 แก้ไขสีของตาราง#2 (แจ้งบักโดย jiroj)
5006XX 1.6 ปรับตำแหน่งเฮดเดอร์ให้อยู่ตรงกลางจอ
500726 1.7 ลบช่องว่างระหว่างเฮดเดอร์และเนื้อหา
510907 1.8 รองรับ IE 7 (ปรับแต่งโดยคุณ jamesview)






วิธีใส่ไปที่ Customize My Site > Custom CSS

โค้ด: เลือกทั้งหมด

/* 500726 - MOD from Skyline Theme (V.1.7) */
/* ht*p://diew.multiply.com/journal/item/14 */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เมนูบนสุด*/
.header .globalnav ul.gnopt a, .header .globalnav a.select { color: #0b5eb4; }
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link { color: #0b5eb4; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เฮดเดอร์ - - - */
div.header { height: 171px; }
h1#page_owner_title { margin: 0px; }
div.owner_nav {    height: 0px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เมนูใต้เฮดเดอร์ - - - */
div#subnav {
    background-color: transparent;
    border: none;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เนื้อหา - -*/
body {
    color: #000000;
    background: url(ht*p://www.header.com/yours.jpg) repeat-x top center;
    background-color: #FFFFFF;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -กล่องเนื้อหา (รูปภาพ/รีวิว/บทความ/...)*/
.itembox {
    border: none;
    background-color: #FFFFFF;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ตัวหนังสือ(ธรรมดา+เล็ก)บนกล่องเนื้อหา*/
.itemboxsub { color: #0b5eb4; }
.itemsubsub { color: #0b5eb4; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ตาราง*/
.tablediv1 { background-color: #DDDDDD; }                /*ขอบ*/
.tablediv1 tr { background-color: #FFFFFF; }                /*เนื้อหา*/
.tablediv1 tr:hover {    background-color: #DDDDDD; }            /*hover*/
.tablediv1 th {                                /*หัวเรื่อง*/
    background-color: #999999;
    color: #FFFFFF;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ปฏิทิน*/
div.caldiv1 td.calday { background-color: #FFFFFF; }            /*เนื้อหา*/
.cald { background-color: #FFFFFF; }                    /*พื้นหลังวันที่*/
div.caldiv1 td.calday:hover { background-color: #DDDDDD; }         /*hover*/
.caldiv1 th { background-color: #999999; color: #FFFFFF; }        /*หัวเรื่อง*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - กล่องแสดงรายละเอียด*/
.infobox { background-color: #FFFFFF; }
div.infobox .boxbody { background-color: #FFFFFF; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - สีกล่องเวลากด tag*/
.itemboxalbum { background-color: #FFFFFF; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เส้นขวางใต้เฮดช็อต*/
.railsep { background-color: #AAAAAA; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เส้นขั้นเนื้อหากับโฆษณา*/
td.rail { border-left: 1px solid #AAAAAA; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - View Replies*/
div.vopt span.voptlabel { color: #0b5eb4; }
a:link.voptsel, a:visited.voptsel, a.voptsel { background-color: #FFFFFF; color: #0b5eb4; }
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - เมนูล่างสุด*/
div#ownedfooter {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*- - - - - - - -icon box remover [ht*p://modify.multiply.com/notes/item/392] - - - - - - */
td.icon { display: none;float: left; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


3. ตัวหนังสือสีแดง ใส่ URL ของรูปเฮดเดอร์ (ยาว 1012px โดยประมาณ ส่วนความสูงแล้วแต่ชอบครับผม)
4. ตัวหนังสือสีน้ำเงิน ใส่ค่าความสูงของเฮดเดอร์+เมนู
( ความสูงของเฮดเดอร์+เมนู = ความสูงของรูปเฮดเดอร์[ในข้อ3] - 40px โดยประมาณ )
5. ตัวหนังสือสีส้ม ใช้สำหรับซ่อนไอคอนข้างบนของ itembox (ถ้าไม่ต้องการซ่อนก็ลบออกได้ครับ)


แนะนำธีม Multiply เก๋ๆ โดย http://diew.multiply.com/journal/item/14