Mad House™ Blog

아 난 왜 이 팁을 못찾았을까.. 답답하다 사이드바를 손쉽게 숨길수있음에도 불구하고 게다가 간단하기 까지하다..

쩌ㅃ~

<input onclick='menu()' type=checkbox name=chk value='yes' onfocus='this.blur()'> 보이기/감추기
<script language="javascript">
function menu(){
if (ch.style.display == 'none') {
ch.style.display = '';
}
else {
ch.style.display = 'none';
}
}
</script>

<div id=ch style="display:none">
// 출력할 내용이 들어갈 부분 //
</div>

이것은 팁코리아의 조민님께서 올리신 팁이다. 붉게 된곳은 제어하는 소스고 하늘색은 스크립, 녹색은 저위와

마찬가지로 출력될곳을 나타낸다

태터툴즈도 기본은 태그이기때문에 잘적용된다.

먼저 위의

<input onclick='menu()' type=checkbox name=chk value='yes' onfocus='this.blur()'> 보이기/감추기

이부분을 보면 체크박스로 되어 있어 미관상 안좋게 보인다. 그러므로 약간 바꿔줘야겠다.

<img src="그림 주소" onclick='menu()'> 이렇게 포인트를 주거나

<a href="#" onclick='menu()' title="SHOW/Hide">사이드바</a>이런식으로 해주자

두번째로 위의 소스 즉,

<script language="javascript">
function menu(){
if (ch.style.display == 'none') {
ch.style.display = '';
}
else {
ch.style.display = 'none';
}
}
</script>

이것을 <body>안에 아무데나 짱박아 놓기로 하자

그리고 숨겨질 부분을 묶어 줘야 하는데 본인처럼 사이드바를 묶어도 되고 내 블로그의 상단이나 글목록등

아무데나 적용이 가능하다.

사이드바를 예를 등면 사이드바 시작부분인...

<div id="sidebar">
<s_sidebar>

<s_sidebar_element>
...............................에서


여기까지 <div id="sidebar">위에 <div id=ch style="display:none">을 추가 시켜주고

 여기 바로 아래에 </div>를 하나 더 줘서 구분을 지어준다.

한마디로 묶어 버리고 저장후 블로그에 있는 버튼을 클릭하면 사라지거나 나타나게 된다...

덧. 참고로 난 이소스를 찾기 위해 몇시간을 찾아해맸다 포기하던참에 오늘 가장 많이 들린..

팁코리아에서 찾게 되어서 참 남감했다... 하여튼 본 블로그의 메뉴 주변이나 ect안에 소스를

적용해놨다.. 쳇 이렇게 간단한걸 ㅠ.ㅠ 아그리고 사이드바를 숨겨놓고 블로그를 리로드하니

전보다 빨라진듯 싶다. 그리고 역시 나도 초보인지라... 이것도 팁이냐 라고 하실분이 계실지

모르겠지만도.. 나같은 극초보에게는 한줄기 단비같은 소스이다. ㅋ