[블로그 뜯기] 자바스크립트로 블로그 뜯기
코덕질/해탈내역들 2008/12/28 13:49
제가 알고 있는 방법 몇 가지만 소개하도록 하겠습니다.
먼저 이 스킬의 창시자는 김철호님임을 먼저 알려드리며..
0. 소스코드를 적용하는 방법
1. 헤더 부분의 내용 바꾸기
예.. 아마 직접 적용해 보시면 알 수 있을 것입니다.
물론 이미 여백같은게 CSS파일에 적용되어 있기 때문에 좀 더 고급적인 테크닉을 위해서는 CSS파일의 수정도 필요하지만 일단은 여기까지로 하고..
2. 메뉴 아이템들의 이름 바꾸기
눈치 채셨는지는 모르겠지만..
예, 이것도 직접 해보시는게 빠르겠네요 ㅇㅅㅇ..
3. 본문 위쪽에 배너 같은 것(?) 넣기
4. 랜덤 CSS 적용하기
여기를 참조해 주시기 바랍니다.
먼저 이 스킬의 창시자는 김철호님임을 먼저 알려드리며..
0. 소스코드를 적용하는 방법
펼쳐두기..
1. 헤더 부분의 내용 바꾸기
<script language=javascript>
var header=document.getElementById('header');
header.getElementsByTagName('span').item(0).innerHTML="블로그 제목";
</script>
예.. 아마 직접 적용해 보시면 알 수 있을 것입니다.
이 부분이 바뀝니다.
물론 이미 여백같은게 CSS파일에 적용되어 있기 때문에 좀 더 고급적인 테크닉을 위해서는 CSS파일의 수정도 필요하지만 일단은 여기까지로 하고..
2. 메뉴 아이템들의 이름 바꾸기
<script language=javascript>
var menu=document.getElementById('menu');
menu.getElementsByTagName('a').item(0).innerHTML="blog";
menu.getElementsByTagName('a').item(1).innerHTML="profile";
menu.getElementsByTagName('a').item(2).innerHTML="guestbook";
menu.getElementsByTagName('a').item(3).innerHTML="more";
menu.getElementsByTagName('a').item(4).innerHTML="notice";
menu.getElementsByTagName('a').item(5).innerHTML="tag";
menu.getElementsByTagName('a').item(6).innerHTML="locationLog";
menu.getElementsByTagName('a').item(7).innerHTML="mediaLog";
</script>눈치 채셨는지는 모르겠지만..
여기가 바뀝니다.
예, 이것도 직접 해보시는게 빠르겠네요 ㅇㅅㅇ..
3. 본문 위쪽에 배너 같은 것(?) 넣기
<script language=javascript>
document.getElementsByTagName('link').item(2).href="http://kimchulho.com/s.css";
document.getElementById('content').innerHTML="<div style='text-align:right'><span style='color:#ff91c7;font-size:8pt'>넣고 싶은 내용 아무거나</span></div>"+document.getElementById('content').innerHTML;
</script>
대략 이렇게 됩니다
4. 랜덤 CSS 적용하기
여기를 참조해 주시기 바랍니다.
댓글을 달아 주세요
창시자는 아니십니다.
..?!
그럼 뭘까요?!
일단. MFP부터 먼저 ㅠㅠ
ㅋㅋ ㅠㅠ
머리에 삽입하는 거야 많이 볼 수 있는 것이니 텍스트큐브 위젯에 처음으로 시도하신 분이라고 해도 창시자로 볼 수는 없겠습니다.
적어도 저한테는 창시자이빈다. 찬양하고 경배할것임
당장 써먹어야겠네요. ㅎㅎㅎ
캄솨캄솨!
ㅋㅋ 감사는 김철호님에게..(음?)
어쨌거나 도움 되셨다면 ^^
뚝딱뚝딱 연장질하는 소리가 들리는것 같은.. ㅋ;
매일 뜯기 때문에 블로그가 비명을 지릅니다 (..?)