이명박 대선 후보가 작년 12월 19일 대통령으로 당선됐다. 당선된 뒤 반응은 여러 가지였다.

반응들

mepay님 아이디어나 석호필님 아이디어가 괜찮은 것 같아 이명박의 취임에 맞추어 사이트도 오픈하고 퇴임 배너도 배포할 생각이었다. 그러나 일정이 조금 빠듯하다 보니 '당선시켜 미안해' 사이트는 오픈도 하지 못했고 배너 역시 비슷했다.

그러나 mepay님 아이디어나 석호필님 아이디어는 직접 만들지 못했지만 비슷한 사이트가 만들어 졌다. 바로 쥐박이 로고로 티를 만들어 판매하는 찍지 않았"읍"니다와 얼마 전부터 인터넷에서 퍼져 나기기 시작한 이명박 퇴임 시계이다.

이명박 퇴임 시계

날짜 문제를 제기한 곳도 있는데 어쩐일인지 날짜가 또 틀리다.

퇴임 시계를 만드는 것이 귀찮아서 이미 만들어진 퇴임 시계를 사용하려고 하니 몇 가지 문제가 있었다. 일단 플래시 기반이기 때문에 일부 브라우저에서 보이지 않는다. 플래시에 너무 시끄러운 음악을 집어 넣었기 때문에 사이트에 접속하는 것이 겁납니다. 마지막으로 1000분의 1초로 증가하는 배너가 보기에 좋지 않았다.

그래서 간단한 이미지와 텍스트로 출력되는 이명박 퇴임 배너를 만들었다. 일단 미국산 미친소 반대 아이콘 달기에서 설명한 것처럼 나는 이명박 정부를 Mad Bulls(2mb: 이 미친 황소새끼들)이라고 부른다. 아울러 미친소는 퇴임하는 것이 아니라 폐기해야 하기 때문에 이명박 퇴임이 아니라 미친소 폐기일(이명박 폐기일)로 타이틀을 잡았다.

또 얼마나 많은 사람들이 이 배너를 사용하는지 알기 위해서 배너를 달고 있는 사람의 숫자를 출력하도록 했다. 아리솔님이 배너를 만들어 주셨지만 당시의 상황과 지금의 상황이 달라졌기 때문에 광우병 국민대책회의에서 만든 미친소 로고를 이용해서 배너를 구현했다.

배너는 크게 두 가지 파트로 나누어 진다. 하나는 배너와 퇴임일을 보여 주는 스크립트 파트이고 나머지 하나는 출력된 메시지를 자신의 블로그 환경에 맞게 꾸밀 수 있는 스타일시트 파트로 구성된다. 이명박 퇴임 배너를 달고 싶은 분은 다음과 같은 방법으로 자신의 블로그 스킨에 달기 바란다.

촛불, 퇴임, 광우병 배너를 모두 다는 경우

가장 쉬운 방법이다. 각각을 따로 다는 것이 아니라 한꺼번에 달고 싶다면 다음 코드들을 스킨과 스타일시트에 삽입하면 된다.

**스킨 코드**

<table border=0 width="100%">
<tr>
    <td width="162px"><script src="https://qaos.com/MadBulls.php?type=candle" type="text/javascript"></script></td>
    <td align="center"><script src="https://qaos.com/MadBulls.php?type=waste&encoding=UTF-8" type="text/javascript"></script></td>
    <td width="236px""><script src="https://qaos.com/MadBulls.php?encoding=UTF-8" type="text/javascript"></script></td>
</tr>
</table>
**스타일시트 코드**

/* 미친소 반대 서명 */
.madbulls{padding: 47px 0 0 160px; font-size: 11pt}
.candle {float: left;}
.candle .count{padding: 28px 0 0 105px; font-size: 10pt; color: blue}
.mb {}
.mb .waste{line-height: 140%; padding-left: 5px; text-align: justify; font-size: 11pt}
.mb .waste .name {color: #CC3300; font-weight: bold}
.mb .waste .time {color: #669900; font-weight: bold; font-size: 13pt}
이명박 퇴임 배너만 다는 경우

이명박 퇴임 배너만 달 수 있다. 이명박 퇴임 배너만 다는 경우 .mb {float: left}와 같은 CSS 코드를 이용해서 본문과 어울리게 배치할 수 있다. 또 .mb .wastefont-size를 이용해서 글꼴의 크기를 바꿀 수 있고 .mb .waste .name.mb .waste .time를 이용해서 글꼴의 크기, 색상, 종류를 바꿀 수 있다.

**스킨 코드**

<script src="https://qaos.com/MadBulls.php?type=waste&encoding=UTF-8"     type="text/javascript"></script>

문서의 문자집합이 UTF-8이 아니거나 글씨가 깨진다면 &encoding=UTF-8를 지우면 된다.

**스타일시트 코드**

/* 이명박 퇴임 배너 */
.mb {float: left}
.mb .waste{line-height: 140%; padding-left: 5px; text-align: justify; font-size: 11pt}
.mb .waste .name {color: #CC3300; font-weight: bold}
.mb .waste .time {color: #669900; font-weight: bold; font-size: 13pt}

스타일시트을 바꾸면 배너의 폭이 자동으로 조절된다. 따라서 배너의 폭이 너무 넓다면 글꼴의 크기와 줄간을 적당히 바꾸기 바란다.

퇴임 날짜만 원하는 경우

퇴임 날짜만 출력할 수도 있다. 이 경우 나머지 부분은 사용자가 직접 만들어 주면된다. 예를들어 황소 그림대신에 이명박의 사진을 넣고 싶다면 다음과 같은 코드를 이용해서 이명박의 사진과 원하는 메시지를 넣을 수 있다. 참고로 본문에서 사용된 이명박의 사진은 열산성님의 글에서 가져온 것이다.

**스킨 코드**

<img     src="http://cfs9.tistory.com/upload_control/download.blog?fhandle=YmxvZzE2MDMyNkBmczkudGlzdG9ye    S5jb206L2F0dGFjaC8wLzM4LmpwZw==" 
    align="left" width="60"><b>미친소 잡는 날</b> <br>
<font color="#669900"><script src="https://qaos.com/MadBulls.php?type=waste&op=text"     type="text/javascript"></script></font> <br>
남았습니다.

이렇게 문자만 출력하는 경우 스타일시트에서 .mb .waste .time를 지정함으로서 글자의 크기, 색깔, 종류를 지정할 수 있다.

코드를 삽입하는데에 문제가 있는 사람은 댓글로 글을 남겨 주기 바란다. 배너를 삽입할 수 있도록 최대한 친절히 답하도록 하겠다. 마지막으로 미친소는 Mad Cow가 아니라 Mad Bulls로 표시해 주기 바란다. 그 이유는 미국산 미친소 반대 아이콘 달기에서 찾을 수 있다.

관련 글타래