본문 바로가기

Knowledge/Web

카테고리 펼침 효과

제 블로그의 메뉴 카테고리 펼침효과는 다음과 같습니다.


 BlogIcon Seollem 님께서 제 블로그의 카테고리 펼침 효과에 대해서 궁금해 하셔서 이렇게 글을 남깁니다.

저도 제가 잘하는것도 아니라.. 제가 아는 선에서만 알려드릴게요.
그래도 충분히 혼자서 이렇게 만드실수는 있을거에요..^-^//

우선 밑에있는 걸 보시면 저기에서

 <div class="caca">
<h5><a onmouseover="slide('c_ttacom')" href='http://'상위메뉴1'의 주소'"><span>ㆍ상위메뉴1<span></a></h5>
<div id="c_ttacom" style="display:none">
 <div class="cacas"><a href='http://'하위메뉴1'의 주소'">- 하위메뉴1</a></div>
 <div class="cacas"><a href='http://'하위메뉴2'의 주소'">- 하위메뉴2</a></div>
 <div class="cacas"><a href='http://'하위메뉴3'의 주소'">- 하위메뉴3</a></div>
</div></div>

 
파란색은 각 카테고리 주소..
그리고 빨간색은 메뉴바에 표시될 것들입니다.

제 껄 예로 든다면 아래와 같은 모습이죠..^-^
이걸 작성해서 스킨편집하는 곳에 넣으시면 됩니다..^-^;;;;

 <div class="caca">
<h5><a onmouseover="slide('c_ttacom')" href='http://ttacom.net/category/TTacom'"><span>ㆍ따꼼's Story<span></a></h5>
<div id="c_ttacom" style="display:none">
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Gossip'">- 끄적거림</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/View'">- 나의시선</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Products'">- 나만의작품</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Rehabilitation'">- 재활일기</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Travel'">- 여행일기</a></div>
</div></div>


이해가 되시나요?
부족하시다면...
다시금 질문을 주세요..^^


제 블로그의 전체적인 카테고리 모습은 다음과 같습니다..^^;;;;