본문 바로가기

■ 블로그꾸미기/테이블만들기

깔끔한 테이블 메뉴 - 3

 메뉴 미리보기



마우스 오버시 타원형의 희미한 색상이 보이는 깔끔한 메뉴 입니다.

 메뉴 소스보기

<table cellspacing="1" cellpadding="8" width="150">
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">희야의웹하우스</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글을 적으세요'" onmouseout="menu6.innerText=''">ABOUT</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='오늘일기'" onmouseout="menu6.innerText=''">DIARY</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='자유게시판'" onmouseout="menu6.innerText=''">BBS</a></td></tr>
<tr><td align="center" onmouseover="this.style.backgroundColor='tan'" onmouseout="this.style.backgroundColor='white'" style="filter:alpha(style=2);"><a href="#" onmouseover="menu6.innerText='설명글'" onmouseout="menu6.innerText=''">LINK</a></td></tr>
<tr><td align="center"><font color="peru" size="1">→</font> <font color="black" size="1" id="menu6"></font> <font color="peru" size="1">←</font></td></tr>
</td></tr></table>

이 테이블도 설명부분이 들어가 있습니다.
수정하는것도 꽤 간편합니다.
잘 사용하세요 @_@