길어진 사이드바 블로그링크 접는방법

 

사이드바 링크 접기방법

너무 길어진 사이드바 링크 보기 안좋죠...이제부터 깔끔하게 사이드바 링크를 접어보세요...

◆ 손봐야 할곳은 html/css 2군데, style/css 1군데..

1. style/css 수정 부분

맨 하단쪽에 밑에 소스를 삽입하면 끝

#bloglink {display:none;}

2. html/css 수정 부분

우선 </head> 를 찾은후..바로 위에 아래소스를 붙여 넣기 합니다..

<script language="JavaScript">
 function showMenu(currMenu)
 {
  thisMenu =document.getElementById(currMenu).style;
  if (thisMenu.display == "inline")
  {
   thisMenu.display = "none";
  }
  else
  {
   thisMenu.display = "inline";
  }
 }
</script>

소스 복사가 안되시나요..다운받아서 붙이기 - 소스 맨 하단부분은 스타일 소스입니다..그건 빼시고 붙여넣기 하세요

sidebar_펼침메뉴_소스[1].txt

두군데 작업이 끝나셨다면 마무리 작업에 들어갑니다..

변경전

<!-- 링크 -->
<div class="widget">
<h3>수정위치</h3> ← 색상과 적당한 멘트 입력<블로그 즐겨찾기+>
      수정위치
<ul>
<s_link_rep>
<li>
<a href="" onclick="window.open(this.href); return false"> </a>
</li>
</s_link_rep>
</ul>
수정위치
</div>
</s_sidebar_element>

변경후

<s_sidebar_element>
<!-- 링크 -->
<div class="widget">
<h3><a href="#blink" onclick="showMenu('bloglink')"><font color=#0e86d6>블로그 즐겨찾기 +</font></a></h3>
 <div id="bloglink"> 
<ul>
<s_link_rep>
<li>
<a href="" onclick="window.open(this.href); return false"> </a>
</li>
</s_link_rep>
</ul>
</div>
</div>
</s_sidebar_element>

이것으로 끝...미리보기로는 확인의 한계가 있습니다..스킨정장후 소스입력은 기본...^^


미다스 사이드바 링크 모습