' editor. HTML*Store :}

ลำดับตอนที่ #8 : ' the special | สอนทำลิ้งค์ navigation จาง .

เปิดสอนสด
;; เอากันตรงนี้เลยอิอิ

วิธีทำลิ้งค์ navigation จาง

1* หาธีมที่ต้องการให้ได้ก่อน เราขอ sample ด้วยธีมนี้จ่ะ
http://www.blogskins.com/info/322499/

2* นำเข้าโปรเเกรมดรีม กดF12เพื่อดูผลนิสนึง
จากนั้นเลือนมาตรงบรรทัดโค้ด navigation ซึ่งของธีมนี้ จะอยู่ในลักษณะนี้
<div class="navigations">

<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">♥</span>

<span class="navi2" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">♥</span>

<span class="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">♥</span>

<span class="navi4" onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML">♥</span>

</div>

3* เมื่อสังเกตเห็น เเล้ว นี้คือส่วนที่เราจะต้องใส่
   onMouseout="this.style.opacity='.2'"
   onMouseover="this.style.opacity='.6'"

4* ในธีมนี้ มีเเต่ onClick อย่างเดียว เราเลยใส่โค้ดไปได้เลยจ่ะ
     **** sample ใส่ลักษณะนี้ให้ครบทั้ง 4 อันเลยนะ

<span class="navi" onMouseover="this.style.opacity='.6'" onMouseout="this.style.opacity='.2'"onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">♥</span>

5* ใส่เรียบร้อยเเล้ว ก็จะออกมาลักษณะเหมือนไอดีเรา // เดี๋ยวคาดว่าจะเอามาเเจก //****
     ******ตรง opacity='.6 ปรับเปลื่ยนตัวเลขได้ ยิ่งมากยิ่งอ่อนนะ
__________________________________________________________________-
tipz!
ถ้าโค้ด navigation มี onMouseout กะ onMouseover อยู่เเล้ว
ให้เติม , ที่หน้า this.style.opacity='.2 เเละ this.style.opacity='.6 เเล้วใส่ได้เลย

ตัวอย่างจ่ะ

<span class="navs2" onMouseover="this.style.color='#333333',this.style.background='#333333' '" onMouseout="this.style.color='#4F4F4F',this.style.background='#4F4F4F' ''" onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML">AFFIES</span>

ใส่ ,this.style.opacity='.2  เเละ ,this.style.opacity='.6

<span class="navs2" onMouseover="this.style.color='#333333',this.style.background='#333333',this.style.opacity='.6'" onMouseout="this.style.color='#333333',this.style.background='#333333',this.style.opacity='.2'" onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML">AFFIES</span>

:D เเค่เนี้ย จบ !!!

********* ผิดพลาดประการใดก็ขอโทษด้วยคะ