반응형

3년 0개월 0일 남았습니다. 2MB OUT 되는 날까지 말입니다. 날짜로는 1094일!
시간이 안 간다 안 간다 해도 카운트다운 시계는 숫자가 작아지는군요.
2MB 계약 종료 D-3년(!) 기념 카운트다운 시계 HTML 소스 공유 포스트를 올립니다.
다른 주제와 소재로 포스트할 꺼리가 없지 않지만, 기념할 일은 기념해야죠. ^^

두 시계 모두 제가 만든 것은 아닙니다. 누군가 공유를 목적으로 동영상 파일의 형태로 제작해놓은 것을 웹상에서 가져온 것입니다. 처음에는 코드만 퍼왔는데, 링크 건 게시판에서 에러가 났는지, 어느날인가 시계가 보이지 않더군요. 검색을 통해 어렵사리 해당 동영상을 구해서 제 블로그에 비공개 포스팅한 후 링크를 걸게 되었습니다. 원 제작자의 의도가 '가급적 널리 유포'하는 데에 있다고 확신하기에^^ 재배포합니다.

※ 원 제작자의 반대 의견이 접수된다면 포스트를 비공개처리하겠습니다.


 
       D-3년 기념^^ 2MB 카운트다운 시계(countdown clock) 소스 공유



1. 현재 제 블로그에 걸려 있는 2MB OUT countdown clock 2종 세트!



정확히 3년 밖에(!) 남지 않았음을 보여주고 있습니다.
"어휴. 아직도 3년이냐!"라는 가슴 답답함이 없지 않지만 긍정적으로 살자구요.
"이제 3년 밖에(!) 남지 않았다! 아싸!!!"


2. 바탕색 gray - 2MB OUT countdown clock 2종 세트 HTML 소스

저는 현재 background 컬러를 은은한 회색으로 처리한 상태인데요. 그대로 올리려면 아래의 첨부파일을 다운로드 하시면 됩니다. 바탕색을 처음에는 흰색으로 했는데 너무 산뜻한 것 같아서 은은한(=우중충한!) 회색으로 바꿨습니다. 우중충함은 2MB가 통치하는(!) 세상을 대변하는 색이죠. -.-;;;


3. 바탕색 투명 - 2MB OUT countdown clock 2종 세트 HTML 소스

배경색 없이 투명으로 시계를 넣고 싶은 분도 계실 거 같아서 background 컬러만 조절한 소스입니다. 요 정도의 HTML을 건드리는 건 어렵지 않은데, 그게 또 엄두가 잘 안 나는 분들이 계시죠. 따로 파일을 첨부합니다.



4. 두개의 카운트다운 시계를 둘러싼 상자를 없애려면?

소스의 두번째 열 <DIV style ...로 시작되는 덩어리 전부를 덜어내시면 됩니다. 더불어 맨 아래 두번째 열에 위치한 </div>도 함께 덜어내셔야 합니다. <div>로 열었으면 </div>로 닫는 것이라고 생각하시면 편합니다. ^^


5. countdown clock의 폭을 조절하려면?

짐작하시겠지만, 소스의 width와 height를 잘 만져(?) 주시면 되겠죠. 현재 소스에는, 하나의 시계가 가로 폭 260으로, 다른 하나의 시계는 가로 폭 190으로 설정된 상태입니다. 그걸 원하는 폭으로 조절하시면 된다는 이야기죠. 조절하실 때에는 세로 폭 height 값도 함께 조절하셔야겠지요. 비율에 맞게, 같은 비율로. ^^

※ 그 외의 자바 스크립트에 관한 문제가 있으시다면 다음 포스트를 참고하세요.
   → http://befreepark.tistory.com/424



2MB가 OUT 되는 그날까지 시계는 계속 잘 걸려 있을 겁니다.
링크 건 시계가 안 보이게 되는 일은 없을 거란 이야기입니다.
모쪼록 카운트가 후두둑 후두둑 다운되었으면 합니다. 우리가 좀 빨리 늙더라도!



사용자 삽입 이미지


글의 내용에 공감하시면 아래의 손모양 추천버튼을 쿡! ^^


2010 0225 목 15:30 ... 16:30  비프리박


p.s.
"이명박 대통령 취임 2주년" 어쩌구 하는 '용비어천가'성 기사들이 연일 꼬리를 물고 올라옵니다. 체감 실물경기의 끝없는 추락으로 고단한 우리를 더욱 힘들게 합니다. 저는 요 며칠 정치 카테고리 쪽으로는 클릭을 하지 않고 있습니다. 고생 사서 할 일 있겠습니까.

온갖 매체에서는 취임 2주년 어쩌구 노래 하고, 이제 남은 3년 저쩌구 썰을 풀어대지만 중요한 건 6월 지방선거겠죠. 소망컨대 비(非)딴나라당의 싹쓸이가 현실이 되었으면! 제발~~~!
 
반응형



: