หัวข้อที่เกี่ยวข้อง (การออกแบบ joomla 1.5 template)

content blog คือส่วนที่เป็นเนื้อหา มีส่วนของหัวข้อของบทความ พื้นที่แสดงเนื้อหา ชื่อผู้เขียน วันที่ทำการสร้างบทความ วันที่ทำหารอัพเดทบทความ และ read more...

ส่วนที่ 1 ก่อน หัวข้อของบทความ

คำสั่ง css

table.blog .contentheading

เช่น

table.blog .contentheading {
 font-size:150%;
 color:#004BD2;
 background: #9999CC
}

ตัวอย่างก็จะเป็นแบบในรูปด้านบน

font-size:150%; ขนาดตัวอักษร

color:#004BD2; สีของตัวอักษร

background: #9999CC พื้นหลัง

พื้นหลังของพื้นที่บทความทั้งหมด

คำสั่ง css

table .contentpaneopen

เช่น กำหนดสีของพื้นหลังเป็นสีม่วง

table .contentpaneopen  {
 background: #9999CC
}

ก็จะเป็นแบบนี้

Modify date วันที่อัพเดทล่าสุด

.modifydate

เช่น

.modifydate {
 width: 100%;
 float: left;
 background: #FF0066
}

width: 100%; กำหนดความยาว เป็น 100%

float: left; สั่งชิดซ้าย

background: #FF0066 สีพื้นหลัง

read more....

.readon

เช่น

.readon {
 background: #9999CC
}

กำหนดพื้นหลัง เป็นสี หรือถ้าต้องการกำหนดพื้นหลังเป็นรูปภาพก็ใส่เป็น

background: url(../images/icon-user.gif) no-repeat;

วันที่สร้างบทความ create date

.createdate

เช่น

.createdate {
 background: #339933;
}

รูปแบบก็จะออกมาให้เห็นดังรูปด้านบน

สร้างโดย create by

.small

เช่น

.small {
 background: #339933;
}

รูปแบบดังรูปด้านบน

หากไม่กำหนดค่าพวกนี้ล่ะจะเป็นอย่างไร ก็ไม่เป็นไรครับ ก็จะไปใช้ค่า จาก  /templates/system/css/general.css แทนในบางส่วน

ขอให้สนุกกับการออกแบบครับ