หัวเรื่องหลากหลายรูปแบบ โดยรหัส CSS สำเร็จรูป

2 Comments
Style 1
border: 1px dashed #000000;
background: url(URL BACKGROUND);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

Style 2 
border: 2px solid #FAAFBE;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

Style 3 
border-bottom: 2px solid #8A4B08;
border-top: 2px solid #8A4B08;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

Style 4 
border-bottom: 2px dashed #58FAAC;
background: url(URL BACKGROUND);
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

Style 5 
border: 2px solid #333333;
background-colour: #FAAFBE;
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
border-left: 2px solid #333333;
}

สีแดง : URL พื้นหลัง
สีเขียว : สีพื้นหลัง
สีฟ้า : สีขอบ
สีเหลือง : solid / dotted / dashed ลักษณะของเส้น

2 ความคิดเห็น:

กฎและข้อตกลง
x ไม่อนุญาติให้โพสโฆษณา หรือคอมเม้นเชิงโปรโมทเว็บไซส์,สินค้า หรือการบริการต่างๆในบล็อกนี้ หากต้องการลงโฆษณากับทางบล็อก กรุณาติดต่อที่หน้า contact โดยตรง
x ไม่คอมเม้นเสียดสี เหยียดผู้อื่นให้เกิดความเสียหาย
x ไม่คอมเม้นด้วยคำที่ไม่สุภาพ
x หากไม่ปฏิบัติตามจะทำการลบคอมเม้นโดยทันที