미주한인주부들의 모임이 이번에는 미국산 쇠고기 수입협상을 반대하는 동영상을 공개했다.
미주한인주부들의 모임은 14일 세계 최대의 동영상 커뮤니티 ‘유투브’에 ‘Ribbons against Mad Cow(미친 소를 반대하는 리본들)’이라는 동영상을 올렸다.
3분22초 분량의 이 동영상에는 아리랑이 배경음악으로 흐르며, 고국에서 벌어지는 미국산 쇠고기 전면수입 반대운동에 뜻을 같이 하고자 진행 중인 ‘리본달기 운동’의 모습이 담겨있다.
이들은 지난 8일부터 미국산쇠고기 수입 재협상을 요구하며 자동차 번호판과 대문, 옷, 가방, 우편함 등에 리본을 달아 협상의 부당성을 알리고 있다. 리본은 흰색과 빨간색으로 함께 엮여있다. 흰색은 쇠고기 협상 백지화와 불공정거래의 부당성, 자연을 거스르는 행위(육골분사료)의 부당성을 뜻하며 빨간색은 쇠고기의 색과 광우병의 위험, 결사반대 등을 의미한다. ... ...
2008년 5월 14일 시청앞 서울광장에서 있었던 촛불문화제 에서, 미국에서 오셨다는 분이 이 미국에서 리본달기 운동을 소개해주시면서, 한국의 여러분도 리본달기운동에 동참해달라고 호소하셨습니다.
문득 블로그에도 리본을 다는것은 어떨까? 하는 생각이 들었습니다.
적당히.. 이런느낌으로 리본이 완성됐습니다.
배너사용법
이 배너를 사용하는 방법은 다음과 같습니다.
티스토리 블로그의 경우 html 편집 모드로 들어가셔서 skin.html 의 </body>의 바로 앞에 다음의 내용을 추가합니다.(ctrl-f로 찾으면 검색하면 편리합니다.)
<div id="AntiMadCowRibbon">
<a class="png" href="http://kongbaguni.tistory.com/entry/AntiMadcowRibbon">미친소 수입반대</a>
</div>
<a class="png" href="http://kongbaguni.tistory.com/entry/AntiMadcowRibbon">미친소 수입반대</a>
</div>
그런다음. </head> 의 바로앞에 다음 4가지 베너중 맘에드는 하나를 골라서 추가합니다.
오른쪽상단베너 1차 디자인
검정색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514308) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514310) top right no-repeat;
}
</style>
파란색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514312) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514314) top right no-repeat;
}
</style>
초록색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514322) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514324) top right no-repeat;
}
</style>
빨간색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514318) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/514320) top right no-repeat;
}
</style>
오른쪽상단베너 2차 디자인
검정색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516302) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516230) top right no-repeat;
}
</style>
파란색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516304) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516232) top right no-repeat;
}
</style>
초록색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516308) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516234) top right no-repeat;
}
</style>
분홍색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516310) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516236) top right no-repeat;
}
</style>
빨간색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
right:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516312) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516238) top right no-repeat;
}
</style>
왼쪽상단베너 1차 디자인
검정색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517462) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517464) top right no-repeat;
}
</style>
파란색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517466) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517468) top right no-repeat;
}
</style>
초록색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517470) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517472) top right no-repeat;
}
</style>
빨간색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517474) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517476) top right no-repeat;
}
</style>
왼쪽상단베너 2차 디자인
검정색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517490) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517478) top right no-repeat;
}
</style>
파란색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517492) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517480) top right no-repeat;
}
</style>
초록색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517494) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517482) top right no-repeat;
}
</style>
분홍색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517496) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517486) top right no-repeat;
}
</style>
빨간색
#AntiMadCowRibbon a{
position:absolute;
z-index:100000;
top:0;
left:0;
height:150px;
width:150px;
text-indent:-10000em;
overflow:hidden;
opacity:.95;
filter:alpha(opacity=95);
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517460) top right no-repeat;
}
#AntiMadCowRibbon > a {
background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/517488) top right no-repeat;
}
</style>
상단배너 고정하기(ie7이상,파이어폭스,사파리,오페라지원)
</head> 앞에 붙여넣기를 한 스타일시트의 다음부분에 position:fixed; 를 추가하면 배너가 고정됩니다. ie6이하는 지원하지 않습니다.
#AntiMadCowRibbon > a {
position:fixed;
background:url(그림주소) top right no-repeat;
}
</style>
position:fixed;
background:url(그림주소) top right no-repeat;
}
</style>
본문삽입용 베너
아래는 게시글에 직접 삽입할수 있는 베너입니다. 스킨의 HTML 편집이 불가능한 서비스형 블로그에서는 아래 베너를 사용하시면 되겠습니다.
<a style="background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516180); display:block; overflow:hidden; width:200px; height:50px; text-indent:-1000em;" href="http://kongbaguni.com/entry/AntiMadcowRibbon">미친소 수입반대!</a> <a style="background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516182); display:block; overflow:hidden; width:400px; height:100px; text-indent:-1000em;" href="http://kongbaguni.com/entry/AntiMadcowRibbon">미친소 수입반대!</a>
<a style="background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516184); display:block; overflow:hidden; width:240px; height:200px; text-indent:-1000em;" href="http://kongbaguni.com/entry/AntiMadcowRibbon">미친소 수입반대!</a>
<a style="background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516186); display:block; overflow:hidden; width:400px; height:333px; text-indent:-1000em;" href="http://kongbaguni.com/entry/AntiMadcowRibbon">미친소 수입반대!</a>
<a style="background:url(http://kongbaguni.springnote.com/pages/1185278/attachments/516186); display:block; overflow:hidden; width:400px; height:333px; text-indent:-1000em;" href="http://kongbaguni.com/entry/AntiMadcowRibbon">미친소 수입반대!</a>
5월 15일 수정사항
- 익스플로러 6.0이하에서 그림이 제대로 안나오는 문제 수정했습니다.
혹시 익스플로러6.0에서 그림이 이상하게 나온다면 소스코드 다시 받아가주시기 바랍니다. - 5가지 새로운 디자인의 상단 베너를 추가했습니다.
- 게시글에 직접 등록 가능한 베너 4종을 추가했습니다.
5월 16일 수정사항
- 왼쪽상단에 붙는 베너 제작
관련글
트랙백 주소
http://kongbaguni.tistory.com/trackback/712
-
Subject: 콩바구니의 알림
Tracked from kongbaguni's me2DAY 2008/05/15 05:19 삭제미친소 수입반대 리본달기 미국동포들의 리본달기 운동에 온라인에서도 참여하고자 블로그에 달수있는 베너를 만들어보았습니다. 티스토리나 기타 스킨의 html편집이 가능한 서비스형 블로그, 설치형 블로그에서 사용가능합니다.
-
Subject: 광우병소 반대 리본 만드는 법
Tracked from 이상한 나라의 피터팬 2008/05/15 09:35 삭제광우병. 스폰지만 봐도 내 머리가 저렇게 될까봐 불안해집니다. 미국에서부터 무분별한 쇠고기 수입 반대 리본 달기 운동이 벌어지고 있다고 합니다. 우리나라 윗분들도 무관심한 우리 건강을 먼곳에서 살고 있...
-
Subject: ▷◀ 미친소 리본 배너
Tracked from 지식보다 지혜를... 2008/05/16 17:29 삭제미친소 수입을 반대하는 배너 달았습니다. 어제(2008.5.14) 시청 촛불 문화제에 참석해서 알게 리본에 대해서 알게되어서 급하게 만들어서 블로그에 달았습니다. 리본달기에 관한 자세한 내용은 아래 링크를 참고해주세요. http://agora.media.daum.net/petition/view?id=45752 혹시 블로그에 달고 싶으신 분들은 아래 참고해 주세요. (주황색 배경 부분은 원하시는 대로 수정하시면 됩니다.) <a href="http://..
-
Subject: 미국소 수입 재협상 촉구 배너
Tracked from 푸른 달팽이의 푸른 이야기 2008/05/17 22:04 삭제광우병 미국소 수입 반대 현수막이 붙는다는 이야기도 듣고이미지 파일로 급속히 확대되고 있다고 하길래,만들어져있는 이미지파일을 축소해서 블로그에 붙여보았습니다.가져가실분은 가져거셔도 됩니다.하지만, 워낙이 파일이 많이 돌아다니고 있어서 ^^;이글루스 사용자의 경우 붙이는 방법을 간단히 안내해드리겠습니다.1. 배너 파일을 아무 포스트에나 첨부파일로 올리고그 파일 URL을 잘 복사해 둡니다.(이미지추가로 올리면 URL확인이 쉽지 않습니다 파...
-
Subject: 청계광장, 시민들 폭발하다
Tracked from 찰칵찰칵 찍고, 쓱쓱 쓰는 2008/05/18 22:17 삭제▲17일 오후 6시경 서울 청계광장에 시민들이 운집한 촛불집회에 참석한 중학생 모습. 이 학생들은 무슨 말을 주고 받았을까. 글,사진/ilovepalgong 시민들은 이날 폭발했다. 무대를 중심으로 이어진 행사속에...
댓글을 달아 주세요
혹시 왼쪽 상단에 만드는 리본은 없으세요? ㅜㅜ
아. 만들 예정입니다. 지금은 일하는중이라서요.ㅎㅎ 오늘 저녁즈음에 만들겠습니다.
아 지금 제가 방금 만들었는데 (포샵으로 90도 회전) 어케 보내드릴까요?
그러면 블로그에 포스팅 한다음 트랙백 걸어주세요. 게시글에 반영하겠습니다.
아니면 메일로 보내주셔도 됩니다.
제 메일주소는 kongbaguni@gmail.com 입니다.
일하다가 짬이 좀 나서, 그냥 90도 회전한 왼쪽배너 등록해버렸습니다. ㅎㅎ
굳이 포토샵 실행 안해도 90도 뒤집는방법 있더군요. 탐색기에서 그림을 선택한다음 왼쪽버튼을 누르면 뜨는 팝업메뉴에 그림뒤집는 명령어가 있습니다. PSD파일은 안되지만, 왠만한 그림파일(jpg,gif,png,bmp)은 편집이 가능합니다.
댓글 감사합니다. ^^
어떻게 하는지 머리아파서 ㅎㅎ 이제서야 달았네요 ^^
감사합니다 ^^
근데 설명이 어려웠나요? ㅠㅠ
호박두 달러 갑니다. 지금.. @@@(/^^)/휘리릭~
근데.. 보기완 다르게 달리네요(ㅠㅠ)
댓글 감사합니다.
보기와 다르게 나온다니 어떻게 다르게 나오는지 설명해주셨으면 합니다.
문제 확인후 정정하겠습니다.
좋은 이미지 감사합니다.
제 블로그에 오신 분들.. 쉽게 다운 받으시라고 콩바구니님의 주소를 링크 걸어두겠습니다.
다시금 감사합니다.
콩바구니님~ 우힛! 추가했어요!