คนที่มีความสุขที่สุดไม่จำเป็น​ว่าจะต้องมีสิ่งดีที่สุดของทุกส​ิ่ง

Facebook
RSS

Css 3 สร้างเมนูสวยๆให้ Blogger

-
ไม่ระบุชื่อ


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 ไปใช้โดยเราสามารถนำไปใช้ได้หลายแบบ แล้วแต่ความคิดของแต่ละคน

   

    ผู้ติดตาม

    หมวดหมู่บทความ

    สถิติผู้เยี่ยมชม