아 난 왜 이 팁을 못찾았을까.. 답답하다 사이드바를 손쉽게 숨길수있음에도 불구하고 게다가 간단하기 까지하다..
쩌ㅃ~
<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>
...............................에서
<!-- sidebar close -->
여기까지 <div id="sidebar">위에 <div id=ch style="display:none">을 추가 시켜주고
<!-- sidebar close --> 여기 바로 아래에 </div>를 하나 더 줘서 구분을 지어준다.
한마디로 묶어 버리고 저장후 블로그에 있는 버튼을 클릭하면 사라지거나 나타나게 된다...
덧. 참고로 난 이소스를 찾기 위해 몇시간을 찾아해맸다 포기하던참에 오늘 가장 많이 들린..
팁코리아에서 찾게 되어서 참 남감했다... 하여튼 본 블로그의 메뉴 주변이나 ect안에 소스를
적용해놨다.. 쳇 이렇게 간단한걸 ㅠ.ㅠ 아그리고 사이드바를 숨겨놓고 블로그를 리로드하니
전보다 빨라진듯 싶다. 그리고 역시 나도 초보인지라... 이것도 팁이냐 라고 하실분이 계실지
모르겠지만도.. 나같은 극초보에게는 한줄기 단비같은 소스이다. ㅋ

"web_tip" 카테고리의 다른 글
- 활용도 높은 Menu 소스 (투명, 필터, 그림넣기가능) (댓글 0개 / 트랙백 0개) 2006/12/04
- 썸네일 링크 (댓글 6개 / 트랙백 3개) 2006/11/11
- 사이드바,레이어, 테이블등등 - Show/Hide (댓글 0개 / 트랙백 0개) 2006/12/02
- 익스에서 할수있는 재미있는 놀이.. (댓글 0개 / 트랙백 0개) 2007/02/22
- [행복한 고니님의 팁] 제목을 이미지로~ (댓글 0개 / 트랙백 0개) 2007/08/30









Leave your greetings here.