Trackback URL : http://madhouse.canxan.com/tt/trackback/257
당연하겠지만 TC에서도 적용됩니다.
일단 출처는 여기
이며 nontoxic님의 팁임을 알려드립니다.
일단 아래의 소스가 있습니다.
스킨을 편집하셔서 <head>와 </head> 사이에
<script language=JavaScript>~~</script>부분을 붙혀 넣기 해주시고
덤으로 <!--주석처리-->해주셔서 위치를 분간해주셔도 됩니다.
소스의 중간부분의 (출처 : nontoxlc - 이부분을 자신의 블로그명에 맞게고쳐주시고
<script> var title_js_var = "내껍니다"; </script>
<div id='contents_area' onCopy='javascript:contents_cp();'>
이부분을 <body>안에 넣어주시고 위의 소스를 블로그에 맞게 적어주세요. 그리고<body>가 끝나는 부분의 위, 즉, tc 스킨의 맨마지막부분에 </div>부분이 있을것인데 </div>이것을 한번더 넣어주시면 바로 적용합니다. 본문의 글을 드래그 하셔서 복사하신뒤에 댓글부분에 붙혀 넣기 하시면
위와 같은 결과를 얻을수 있습니다.
Trackback URL : http://madhouse.canxan.com/tt/trackback/231
Trackback URL : http://madhouse.canxan.com/tt/trackback/142
 |  |
아 난 왜 이 팁을 못찾았을까.. 답답하다 사이드바를 손쉽게 숨길수있음에도 불구하고 게다가 간단하기 까지하다..
쩌ㅃ~
<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안에 소스를
적용해놨다.. 쳇 이렇게 간단한걸 ㅠ.ㅠ 아그리고 사이드바를 숨겨놓고 블로그를 리로드하니
전보다 빨라진듯 싶다. 그리고 역시 나도 초보인지라... 이것도 팁이냐 라고 하실분이 계실지
모르겠지만도.. 나같은 극초보에게는 한줄기 단비같은 소스이다. ㅋ
Trackback URL : http://madhouse.canxan.com/tt/trackback/74
간지님의 프리로딩이미지
제가 쓰는 로딩바
1.8버젼에서는 무한 로딩이어서 제 홈페이지에 적용한 간지님의 프리로딩을
적용해봤습니다. 즉 프리로딩이란 페이지를 읽기를 완료하기전에 익스플로러내에
로딩 이미지를 나타내고 로딩이 완료시에 사라지는것을 말합니다.
형균님의 페이지로딩은 로딩완료시 로딩 이미지가 나타났다가 사라지는것입니다.
형균님의 페이지로딩 설치에 실패하시거나 이것이 마음에 드신다면 쓰셔도 됩니다
- 적용방법
1. <body> 바로밑에
<div align="center" id="loadingBar" style="position:absolute; left:350px; top:300px; z-index:1;">
<p align="center"> <img SRC="이미지경로" align="middle"><font face="Tahoma" color="#555555"> <span style="font-size:8pt;"><b>Loading..</b>.</span></font></p>
</div>
<div id="divBody" style="display:none">
을 붙혀 넣게 해줍니다. 형균님 1.8버젼의 페이지로딩에서도 문서 전체를
묶어주는것과 같습니다. 즉 <div id="divBody" style="display:none">
이부분이 바로 본내용을 묶어주는 소스입니다.
*참 고*
<p align="center">
<span style="font-size:8pt;"><b>Loading..</b>.</span></font></p>
이부분은 제 로딩이미지에는 문자가 들어가지 않아서 임의로 넣어준겁니다.
삭제하셔도 무방합니다.
_________________________________________________________________
2. 이제 </body> 바로 위에 위에 소스를 삽입합니다.
</div>
<script type="text/javascript" language="JavaScript">
<!--
document.getElementById('loadingBar').style.display="none";
document.getElementById('divBody').style.display="";
//-->
</script>
위의 </div>는 위의 <div id="divBody" style="display:none">에서
시작된 본문 전체를 감싸주는 역활입니다.
간단한 로딩 이미지는 http://www.ajaxload.info/ 에서 만드실수있습니다.
------------------------------------------------------------------
본래 소스를 보실려면 http://ganji.80port.net/bbs/view.php?id=musicAlbum&no=504&ln=&ls=on&lc=on&lcc=&keyword=%C7%C1%B8%AE%B7%CE%B5%F9 를 참조하시면 됩니다.(간지님 홈페이지에 가입필요ㅡ.,ㅡ;)
초보주제에 팁란에 글을 올리느라 정신이 없습니다만..
부디 좋게 써주시기 바랍니다.
Trackback URL : http://madhouse.canxan.com/tt/trackback/7
뺴뺴로. 남은건 쵸콜렛이 80%정도 없어진 꼬다리뿐...!!
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
|
|
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 |
66 43 | |
-40 days today : 14 |
Movies.zip
Leave your greetings here.