'실타래 촛불달기'에 해당되는 글 1건

  1. 2008.06.04 블로그에 실타래 촛불달기

블로그에 실타래 촛불달기

|

요즘 나라가 정말 어지럽죠?
촛불시위 하시는 분들정말 대단하십니다.

촛불시위가 요즘은 사이버상으로도 이루어지고 있다죠?
언젠가 부터 미니홈피나 블로그에

사용자 삽입 이미지
이런 이미지를 삽입한 사람들이 늘어가고 있었습니다.

실타래 http://www.sealtale.com/

국민대학교 언론정보학부 04학번 박미영이라고 밝히신 분이 제작하셨다죠.
아 다른분들도 같이 제작하셨네요.
CCO; 조민지 (국민대학교 언론정보학부)
CCO; 정다운 (국민대학교 언론정보학부)
Developer; Rac*l
Developer; 김민상 (인하대학교 정보통신공학과)
Designer; 조진현 (한양대학교 산업디자인과)

정말 멋지십니다. 이런 생각을 다하시고.
역시 대학생의 열정이란~ ㅎㅎ
일반 데스크탑으로 서버를 만들고 코딩에 디자인도 깔끔한 편입니다.
어떤 이들은 튀어볼라고 만들었을 거라 생각하는 사람도 적지 않겠지만 저는 이분들에게 박수를 보냅니다.

저는 이 이미지를 블로그에 스티커처럼 붙이는 방법을 소개하겠습니다.
당연히 티스토리나 설치형 블로그류에만 달수 있습니다.

우선 온라인 촛불을 발급 받아야겠죠?
실타래 사이트에 접속합니다.
사용자 삽입 이미지


촛불 밝히기 동참하기를 누르고 코드를 발급 받습니다.
코드를 복사해오면

<div style="text-align:center;background-color: transparent;" >
<a href="http://www.sealtale.com" target="sealtale">
<img width="162" border="0" height="94" alt="Candle" src="http://www.sealtale.com/PublicImageSeal.aspx?value=73222"/>
</a>
</div>


이런 코드가 나옵니다.
여기서 중요한건 img태그 src 속성의 주소입니다.

이 주소를 복사해놓고 스킨 편집에 들어가서 <body>태그 바로 밑에

<a href="http://www.sealtale.com" title="64264번째 촛불" target="_blank" id="sealTale">64264번째 촛불</a>

<style type="text/css">
 #sealTale {
  position: absolute; left: 0; top: 0;
  background: url('http://www.sealtale.com/PublicImageSeal.aspx?value=64264') no-repeat; width: 162px; height: 94px; text-indent: -100em; display: block; overflow: hidden;
 }
</style>



이 코드를 붙여 넣습니다. 물론 style의 blackground url의 주소는 맞게 수정해야죠~ (value만 수정해도 됩니다) 촛불 번호도요

사용자 삽입 이미지

스티커 처럼 붙었습니다.(전에 지못미 숭례문 코드를 가져다 쓴 것입니다)
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'잡담 > 뒷담화' 카테고리의 다른 글

메신져 피싱 경험해보다~  (4) 2009.11.27
블로그에 실타래 촛불달기  (0) 2008.06.04
노도사님  (0) 2008.06.01
대통령선거 유세 마지막날 제주 시청앞의 풍경  (0) 2007.12.20
Trackback 0 And Comment 0
prev | 1 | next