'메뉴바' 태그의 글 목록

'메뉴바'에 해당되는 글 1건

2009.06.30
카테고리 펼침 효과 (2)

카테고리 펼침 효과

Knowledge/Web 2009. 6. 30. 15:17

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

ㆍ지식발전소

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>

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

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

저작자표시비영리동일조건

Posted by TTacom.NET

메뉴바, 스크립트, 카테고리, 펼침, 효과

TRACKBACK 0 AND COMMENT 2

Seollem 2009.07.05 23:59
아, 쫌 편집하기 어렵겠다... 생각했는데..
진심어렵네요- 0-;; ㅋㅋㅋ

시간날때 한번 도전 !!! ㅋㅋ
감사합니다 ^^
- TTacom.NET 2009.07.09 13:42 신고
  어렵진 않아요.
  그냥 그곳에다 조금만 변경하면 되는걸요.;;;
  저도 잘 못하지만 이렇게 적용한걸 보면..
  충분히 쉽단 이야깁니다.^^;;;