묻고답하기
☆급합니다 스크립트고수님들!
2010.04.02 18:54
일단 이렇게생긴 위젯입니다.
http://gobarca.codex.kr/xe/?mid=event
우측 2차메뉴 아래에 랭킹이 표시되는 위젯.
여기서 as.com 이라는 빨간베너를 제거하고싶습니다.
스크립트소스는이러합니다.
<div id="GADcontentScript_www_as_com_emb_clf_3"> <!-- Widget--><noscript><a href="http://www.as.com" title="noticias de deporte">As.com</a></noscript> <script language=javascript> function GAD_doit_www_as_com_emb_clf_3(firstTime){ getScripts_www_as_com_emb_clf_3(firstTime); setTimeout("GAD_doit_www_as_com_emb_clf_3(false)", 3600000); } function GAD_callback_html_www_as_com_emb_clf_3(GAD_html){ con2 = document.getElementById("GADcontent_www_as_com_emb_clf_3"); domOmni = window.location.href; try { domOmni = window.parent.location.href; } catch(e) {} try { GAD_html=GAD_html.replace(/&r=/i,"&r="+escape(domOmni)); } catch(e){} con2.innerHTML = GAD_html; } function getScripts_www_as_com_emb_clf_3(firstTime) { getHTML_www_as_com_emb_clf_3(); if(false || firstTime) getJavascript_www_as_com_emb_clf_3(); if(false || firstTime) getStyle_www_as_com_emb_clf_3(); } function getHTML_www_as_com_emb_clf_3() { sc = document.getElementById("GAD_getHtml_www_as_com_emb_clf_3"); con = document.getElementById("GADcontentScript_www_as_com_emb_clf_3"); if(sc) con.removeChild(sc); sc = document.createElement("script"); sc.id = "GAD_getHtml_www_as_com_emb_clf_3"; con = document.getElementById("GADcontentScript_www_as_com_emb_clf_3"); con.appendChild(sc); sc.src = "http://www.as.com/rss/gadget/gadget.html?tc=clf&tipo=2&do=c&tg=emb&cview=htmljs&callback=GAD_callback_html_www_as_com_emb_clf_3"; } function getJavascript_www_as_com_emb_clf_3() { con = document.getElementsByTagName("head")[0]; sc = document.getElementById("GAD_getScript_www_as_com_emb_clf_3"); if(sc) con.removeChild(sc); sc = document.createElement("script"); sc.id = "GAD_getScript_www_as_com_emb_clf_3"; con.appendChild(sc); sc.src = "http://www.as.com/rss/gadget/gadget.html?tc=clf&tipo=2&do=c&tg=emb&cview=js"; } function getStyle_www_as_com_emb_clf_3() { if(document.createStyleSheet) { if(!document.styleSheets.length > 0 || document.styleSheets(0).href.indexOf("http://gobarca.codex.kr/dv/my.css") < 0) sc = document.createStyleSheet("http://realmania.net/component/css/as/a.css", 0); else document.styleSheets(0).href = "http://realmania.net/component/css/as/a.css"; } else { sc = document.getElementById("GAD_getStyle_www_as_com_emb_clf_3"); if(sc) sc.parentNode.removeChild(sc); var sc=document.createElement("link"); sc.id = "GAD_getStyle_www_as_com_emb_clf_3"; sc.rel="stylesheet"; sc.type="text/css"; document.getElementsByTagName("head")[0].appendChild(sc); sc.href="http://gobarca.codex.kr/dv/my.css"; } } function GAD_callback_resize_www_as_com_emb_clf_3(){ } </script> </div> <div id="GADcontent_www_as_com_emb_clf_3" style="max-width:300px">Esperando Contenido Widget ... </div> <script language="javascript"> GAD_doit_www_as_com_emb_clf_3(true); </script>
--------------------
CSS 소스는 이러합니다.
#widget_as #wa_cont p.vermas{ padding:3px 9px 0 9px; background: url(http://www.as.com/img/flecha_nar.gif) no-repeat 2px 7px;}
#widget_as #wa_cont p.vermas a{color:#F0A32D;font:normal 100% Verdana,sans-serif;text-decoration:underline;}
#widget_as{ font:11px/11px Verdana;}
/* Nuevo --> */ #widget_as h1{ background:none; height:auto; border:0;}
/* Nuevo --> */ #widget_as h2{ border:0;}
#widget_as h1, #widget_as h2, #widget_as h3,#widget_as p, #widget_as ul, #widget_as ol, #widget_as li, #widget_as dl, #widget_as dt, #widget_as dd{ margin:0; padding:0;}
#widget_as img, #widget_as acronym, #widget_as abbr{ border:0;}
#widget_as table { border-collapse: separate; border-spacing: 0; }
#widget_as ul{ list-style-type:none;}
#widget_as a{ color:#333; text-decoration:none; border-bottom:0;}
#widget_as a:hover{ text-decoration: underline; border-bottom:0;}
#widget_as #wa_cont h2{padding:3px 5px 4px 5px; font-size:11px; line-height: 11px; background:#6c6b66 url(http://www.as.com/img/widget/fnd_cab_int.gif) repeat-x left bottom; color:#fff; font-family:arial,helvetica,sans-serif;}
#widget_as .estirar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#widget_as .estirar {display: inline-block;}
/* oculto IE-mac \*/
* html #widget_as .estirar {height: 1%;}
#widget_as .estirar {display: block;}
/*fin oculto IE-mac */
/* Nuevo --> */#widget_as a.w_btn{float:left; margin:2px 0; padding:0 0 0 1px; line-height:11px; color:#333;}
#widget_as a.w_btn span{}
#widget_as .wa_top, #widget_as .wa_bottom{margin:0 1px; font-size:1px; line-height:1px; height:1px;}
#widget_as #wa_cab{ background:#BA0102 url(http://www.as.com/img/widget/fnd_cab.jpg) repeat-x;}
#widget_as #wa_cab h1{float:left; width:80px; font:11px/11px arial,helvetica,sans-serif;}
#widget_as #wa_cab h1 a{display:block; text-indent:-9999px; overflow: hidden; height:35px; background: url(http://www.as.com/img/widget/logo_as.gif) no-repeat 6px 8px;}
/* CARRUSEL
---------------------------------------------------------------------------------------------------------------------- */
#widget_as #wa_carr{ }
#widget_as #wa_carr table{ width:100%; padding:5px;}
#widget_as #wa_carr caption{text-align:left; padding:3px 5px 4px 5px; font-size:11px; line-height: 11px; color:#4C94BA; font-weight: bold; }
#widget_as #wa_carr caption strong{float:right;}
#widget_as #wa_carr th{ display:none;}
#widget_as #wa_carr td{ border-bottom:1px solid #EAEAEA; padding:3px 2px; font-size:11px;}
#widget_as #wa_carr .w_equipo{}
#widget_as #wa_carr .w_resultado{}
#widget_as #wa_carr .w_resultado a{ color:#F2A42F;}
#widget_as #wa_carr .w_estado{ text-align:right; font-family: tahoma; color:#999;}
#widget_as #wa_carr .w_estado a{ color:#999;}
#widget_as #wa_carr p{text-align:right; font-size:11px;}
/* Carrusel > Clasificacion ------------------------- */
#widget_as #wa_carr .w_puesto{ color:#F2A42F; padding-right:5px; width:20px; text-align:left; }
#widget_as #wa_carr .w_puntos{ color:#999; text-align:right;}
굵고 빨갛게 해논 부분을 제거해보았으나 소용없었습니다.
꼼수라도 있으면 알려주세요~.
수정 접근 방법까지는 맞으셨는데 아쉽게 찾으셔서 수정을 못하셨네요..
수정되야 할 파일은 총 3개 (스크립트가 들어가는 파일 + a.css + my.css) 입니다.
첨부파일은 참고 하시고 알맞게 수정하십시오.
[스크립트 수정 부분]
function getStyle_www_as_com_emb_clf_3() {
if(document.createStyleSheet) {
if(!document.styleSheets.length > 0 || document.styleSheets(0).href.indexOf("../my.css") < 0)
sc = document.createStyleSheet("../a.css", 0);
else document.styleSheets(0).href = "../a.css";
} else {
sc = document.getElementById("GAD_getStyle_www_as_com_emb_clf_3");
if(sc) sc.parentNode.removeChild(sc);
var sc=document.createElement("link");
sc.id = "GAD_getStyle_www_as_com_emb_clf_3";
sc.rel="stylesheet"; sc.type="text/css";
document.getElementsByTagName("head")[0].appendChild(sc);
sc.href="../my.css";
}
}
[CSS 수정 부분] - a.css 및 my.css 19~25라인 공통 수정
/*fin oculto IE-mac */
/* Nuevo --> */#widget_as a.w_btn{float:left; margin:2px 0; padding:0 0 0 1px; line-height:11px; color:#333;}
#widget_as a.w_btn span{}
#widget_as .wa_top, #widget_as .wa_bottom{margin:0 1px; font-size:1px; line-height:1px; height:1px;}
#widget_as #wa_cab{}
#widget_as #wa_cab h1{float:left; width:80px; font:11px/11px arial,helvetica,sans-serif;}
#widget_as #wa_cab h1 a{display:none; text-indent:-9999px; overflow: hidden; height:0px; }
* 주의 : 스크립트가 들어가는 파일과 수정한 css 파일의 폴더에 위치에 주의하시기 바랍니다.
as.com 에 위치한 css 파일을 호출 하는것이 아니라 수정한 css파일을 호출해야 하기때문에 css파일은 님의 FTP에 업로드 해야 합니다.