핏빛 화성하늘 아래…

구글 애드센스를 얼음집에 붙이는 방법을 응용해서 붙여 보았습니다. iframe을 img src 호출 하면서 onload로 끌어내는 아주 재미난 방법이더군요. 방법 알려주신 분 고맙습니다.

근데 문제가 있네요. 구글 애드센스는 가로 세로 너비가 정해져 있는 데 비해 소식 상자는 세로 너비가 정해져 있지 않습니다. 그때그때마다 바뀔 수밖에 없어요. 그래서 iframe 스크롤바를 켜 봤더니만, 불여우에선 그래도 깔끔하게 딱 달라붙어서 나와주는데 문제는 익스플로러입니다. 이상하게 가로 스크롤바가 생기는데다 달라붙지도 않아요. marginwidth와 marginheight를 설정 안 한 것도 아닌데. iframe 리사이즈 스크립트는 같은 도메인이 아니면 접근을 안 해줘서 곤란하고요.

어찌 해결할 방법이 생각 안 납니다. 가져가다 좀 시험해 보실 분 안 계신지요?


일단 방법은 이글루스 스킨을 열어다 편집모드로 들어간 후 왼쪽이든 오른쪽이든 다음과 같은 태그와 스크립트를 가져다 붙입니다.

<div id="mahn_newsbox"> </div>
<img src="http://mahn.co.kr/images/iconz/_blank.gif" onload="window.document.getElementById('mahn_newsbox').innerHTML='<i'+'frame src=\'http://mahn.co.kr/marsheaven/newsbox/_load.php?width=150&background_color=fff&border=2&link_cnt=20\' width=\'150\' height=\'500\' marginwidth=\'0\' marginheight=\'0\' frameborder=\'0\' scrolling=\'no\'>';">

여기서 _load.php의 매개변수들은 기존 소식상자 설정값과 동일합니다. 다만 변수명에서 mahn_은 빼 주시고(아무래도 URL로 입력하는 GET 방식이다보니 길어지면 곤란해요) 색상의 경우 #를 뺀 16진수값으로 지정해주셔야 한다는 제약이 있습니다.

매개변수용 설정치는 다음과 같습니다.
안 쓰면 기본값을 이용합니다.

link_cnt=10;
// 기사를 몇 개까지 보이게 할 것인지 지정합니다. 반드시 1개 이상, 20개 이하로 설정해주세요.
width=180;
// 가로 너비(px : 픽셀). 110 이상으로 지정하세요.
border=2;
// 테두리 두께(px : 픽셀)
border_color="000";
// 테두리 두께 빛깔.
border_style="solid";
// 테두리 두께 스타일. none, dotted,dashed,double, groove, ridge, inset, outset 등을 쓸 수 있습니다.
padding=5;
// 테두리 안쪽 여백(px : 픽셀)
font_family="돋움,Dotum";
// 글꼴
font_size=9;
// 글자 크기(pt : 포인트. 9pt=12px 가량)
line_height=16;
// 줄간격. (px : 픽셀)
background_color="f7f7f7";
// 소식 상자 배경 빛깔.
target="_blank";
// 기사 연결할 때 새 창(_blank)으로 띄울 건지, 현재 창(_top)으로 할 건지 결정.
logo_color="fff";
// 하단의 『만』 제호 빛깔.
link_color="808080";
// 기사 연결고리들의 빛깔.
hover_background_color="F8F5E7";
// 연결고리 위에 다람쥐(마우스)를 댔을 때의 배경빛깔.
visited_decoration="none";
// 이미 본 기사의 경우 밑줄을 칠 건지(underline), 아무 효과도 안 줄 건지(none), 아니면 가운데에 취소선을 그을 건지(line-through) 지정.
up_title_view=1;
// 소식 상자 위쪽 제목을 보이게 할 건지(1) 꺼 둘 건지(0)를 지정
up_title="소식 상자";
// up_title_view가 1인 경우, up_title에 지정한 문장을 출력. 따옴표("")로 감쌀 것.
subtitle_view=0;
// 각 글의 부제가 있을 경우 보여줄 것인지(1) 꺼 둘 건지(0)를 지정.
left_margin=-20;
// 왼쪽 여백을 픽셀(px) 단위로 지정.
li_type="disc";
// 목록 구분자 속성 지정. 속이 꽉 찬 동그라미는 disc, 빈 동그라미는 circle, 네모는 square, 없으면 none.

URL에 입력할 때엔 _load.php 뒤에 ?(변수명1)=(값1:따옴표 없이)&(변수명2)=(값2:역시 따옴표 없이)&......... 식으로 계속 나가면 됩니다. 그리고 encode값을 주지 않으면 utf_8을 기본으로 설정합니다. 만약 euc_kr로 보여주고 싶다면 _load.php?encode=euc_kr&어쩌구저쩌구 하시면 됩니다.

일단 오늘은 지쳐서 여기까지만. 다른 방법이 없을까요. 하다못해 IE와 FF가 모양이 같게 나와주면 좋을텐데 원.