Css เป็นตัวช่วยเสริมให้การปรับแต่งเว็บไซต์ ขอแนะนำ Css3 ซึ่งกำลังได้รับความนิยมอยู่ตอนนี้
สร้าง เมนูบน Blogger หรือเว็บด้วย Css3 แต่ผมขอเน้นไปทางบล็อกมากกว่า
ตัวอย่าง
Code CSS
#test li a { cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */ }
#test li a:hover { padding-left: 20px; }
Code Html
ซึ่งตรงนี้เป็น code ที่ใช้สร้าง Link
<ul id="test">
<li><a href="URL">ลิ้ง 1</a></li>
<li><a href="URL">ลิ้ง 2</a></li>
<li><a href="URL">ลิ้ง 3</a></li>
<li><a href="URL">ลิ้ง 4</a></li>
</ul>
วิธีนำมาใช้กับ Blogger ส่วนใครจะเอาไปใช้กับเว็บก็สามารถนำไปปรับแต่งและใช้ได้เลย
ให้ไปที่ การออกแบบ >>> แก้ไข HTMl ของธีม แล้วให้หา โค้ด </b:skin> วิธีหาอย่างรวดเร็วให้กด Ctrl + F แล้วใส่ข้อความหรือโค้ดลงไป เมื่อเจอแล้วให้ Copy โค้ด Css ที่ให้มา นำไปใส่ก่อนหน้าโค้ด
</b:skin> แล้วกด Save ธีม
เมื่อคุณต้องการสร้าง Link ก็ให้นำโค้ด Html ไปใช้โดยเราสามารถนำไปใช้ได้หลายแบบ แล้วแต่ความคิดของแต่ละคน
[ Read More ]