텍스트큐브에 맞게 수정해봤습니다. 아울러 도아님과 같이 IE6사용자는 댓글을 못달도록 해놨습니다.
절대로 웹디자인할때 IE6이 귀찮아서 이러는거 아닙니다.. 절대로 절대로 절대로 절대로 절대로 절대로!!!!!
텍스트 큐브의 Simple Black 스킨을 기준으로 설명을 합니다. skin.html 만 수정해주면 됩니다. 자 나갑니다
[code]<!--[if lt IE 7]><div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'><div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div><div style='width: 730px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'><div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div><div style='width: 275px; float: left; font-family: Arial, sans-serif;'><div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>구닥다리 웹브라우저를 사용하시는군요!</div><div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>본 사이트를 원활하게 보실려면 웹브라우저를 업데이트 하세요!</div></div><div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='파이어폭스 다운로드'/></a></div><div style='width: 75px; float: left;'><a href='http://www.microsoft.com/korea/windows/internet-explorer/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='인터넷 익스플로러 8 다운로드'/></a></div><div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='사파리 다운로드'/></a></div><div style='width: 73px; float: left;'><a href='http://www.google.com/chrome?hl=ko' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='구글 크롬 다운로드'/></a></div><div style='width: 73px; float: left;'><a href='http://www.opera.com/download/' target='_blank'><img src='http://fs.textcube.com/blog/3/31900/attach/XfGpjgFbro.gif' style='border: none;' alt='오페라 다운로드'/></a></div></div></div><![endif]-->[/code]
위 코드를 아래 스샷에 보이는것 처럼 <body>태그 아래에 적당한 곳에 넣어 줍니다.
그럼 아래와 같은 화면이 나옵니다
텍스트큐브 상단
이제 댓글을 막을 차례군요.
문구는 위에 나온 코드를 써도 되고 아래 텍스트만 약간 바꾼 걸 쓰셔도 됩니다.
[code]<!--[if lt IE 7]><div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'><div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div><div style='width: 638px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'><div style='width: 60px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div><div style='width: 260px; float: left; font-family: Arial, sans-serif;'><div style='font-size:13px; font-weight: bold; margin-top: 12px;'>구닥다리 웹브라우저를 사용하시는군요!</div><div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>댓글을 다실려면 웹브라우저를 업데이트 하세요!</div></div><div style='width: 59px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='파이어폭스 다운로드'/></a></div><div style='width: 59px; float: left;'><a href='http://www.microsoft.com/korea/windows/internet-explorer/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='인터넷 익스플로러 8 다운로드'/></a></div><div style='width: 59px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='사파리 다운로드'/></a></div><div style='width: 59px; float: left;'><a href='http://www.google.com/chrome?hl=ko' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='구글 크롬 다운로드'/></a></div><div style='width: 59px; float: left;'><a href='http://www.opera.com/download/' target='_blank'><img src='http://fs.textcube.com/blog/3/31900/attach/XfGpjgFbro.gif' style='border: none;' alt='오페라 다운로드'/></a></div></div></div><![endif]-->[/code]
스샷에 보시면 <s_rp_input_form /> 란 태그가 보입니다 그 위에 스샷에 나온 곳에 위의 코드를 복사해 넣습니다.
그리고 이제 댓글 란 자체를 없애는 작업.
먼저 <s_rp)input_form /> 태그 위 div 태그 속성값을 id="user_comments"라고 적어줍니다.(위 스샷 네모박스 참고) 아래 코드를 위 스샷에 나온 위치에다가 넣어주면 됩니다.
[code]<script type="text/javascript">
<!--
var user_browser = navigator.appVersion.match(/MSIE \d+.\d+/)[0].split(" ")[1];
if(document.all && user_browser < 7) document.getElementById("user_comments").style.display = "none";
//-->
</script>[/code]
위 댓글 차단 코드를 수정하셨다면 아래와 같이 나옵니다.
텍스트큐브 댓글
위 코드의 일부는 IE6 no more 에서 가져온것이고 브라우저 다운로드 링크를 약간 수정 했습니다. (IE부분과 크롬을 해당 한글사이트로 나오도록)
스크립트 부분은 제가 발로 작성하였습니다. 돌은 던지지 말아주세요....
7 개의 댓글: