17 May 2008Topic Text is Not Enough
เปลี่ยนหัวข้อต่างๆจากตัวหนังสือเป็นรูป
อันนี้เป็นการใส่ภาพ แทนที่ หัวข้อ ของส่วนต่างๆ
อย่าง Friend หรือ Five นะครับ
เราสามารถเปลี่ยนจากข้อความธรรมดา
เป็นรูปที่เราทำขึ้นมาได้ครับ ผมแยกมาให้ 9 ส่วนนะครับ ลองทำดู
เตรียมรูปที่จะทำหัวข้อไว้นะครับ จะเอาอันไหนก็ ลองเลือกๆ ดู
.section h1 {margin-top:10px;height:ความสูงของรูปpx;}
#recent-updates h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Update );
background-position:right;background-repeat:no-repeat;}
#lifestyle h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Life Style);
background-position:right;background-repeat:no-repeat;}
#interests h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Interests);
background-position:right;background-repeat:no-repeat;}
#journalDetail h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Journal);
background-position:right;background-repeat:no-repeat;}
#friends h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Friend);
background-position:right;background-repeat:no-repeat;}
#photoAlbums h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Photo Albums);
background-position:right;background-repeat:no-repeat;}
#user-fives h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Five);
background-position:right;background-repeat:no-repeat;}
#comments h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Comment);
background-position:right;background-repeat:no-repeat;}
#groups h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Groups);
background-position:right;background-repeat:no-repeat;}
โดย IaMMaI (พี่ใหม่) <? ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
เรื่องที่เกี่ยวข้อง :
Tags: hi5, Hi5 Tips, hi5 trick, Topic Text is Not Enough