IE 사망선고에 동참합니다
텍스트큐브에 맞게 수정해봤습니다. 아울러 도아님과 같이 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부분과 크롬을 해당 한글사이트로 나오도록)
스크립트 부분은 제가 발로 작성하였습니다. 돌은 던지지 말아주세요....
이글루스도 적용할 수 있습니까?
답글삭제trackback from: IE6 사망선고 동참 + Woopra 설치
답글삭제IE6 사망선고 IE 는 정말 인터넷에서 거의 악의 근원 수준이다. 그냥 단순히 기능이 모자라거나 하는 문제가 아니라, 표준을 무시하고 이상한 방법으로 동작하기 때문이다. 표준을 잘 지킨 웹페이지를 제대로 표시 못하거나, IE 에 맞췄더니, 표준을 잘 지킨 웹브라우져에서 제대로 표시가 안되거나 하는 양방향의 문제가 일어나고 있다. 더욱이 문제는, 우리나라의 금융 결제 시스템들이 상당수 IE6 에 의존한다는 것이다. (우리나라) 정부는 기본적으로 서...
trackback from: IE6를 안고 익사해라. IE6 No More 배너 오페라 추가판 배포
답글삭제IE6 장사지내는데 성배전쟁에 참전하기로 했습니다. 이제부터 본 사이트에 IE6와 IE7으로 접속하시는 분께는 아래와 같은 배너가 각각 블로그 맨 위와, 댓글 창에 뜹니다. IE6를 안고 익사해라. 새로운 버젼의 웹브라우저로 업데이트 하세요!!! IE6에서는 댓글을 입력할 수 없습니다. 새로운 버젼의 웹브라우저로 업데이트 하세요!!! 더불어 IE6에서는 댓글 작성이 불가합니다. 유념하여 주시기 바랍니다. 본 배너의 작성에는 아래 3개의 페이지를 참고..
@에플리카 - 2010/02/28 16:12
답글삭제이글루스는 제가 안해봐서 모르겠네요.
유저가 스킨을 수정할수 있는 부분이 있다면 가능합니다.
여기 텍스트큐브도 스타일시트나 스킨을 사용자가 수정할 수 있거든요.
trackback from: IE6 장례식에 조화(弔花) 보낸 MS
답글삭제구글이 3월 1일 부로 IE6에 대한 지원을 중단한다고 밝혔습니다. 그와 관련해서 IE6 장례 사이트가 만들어지고 4일에는 장례식이 거행됐는데, MS의 IE 개발팀에서 이 장례식에 조화(弔花)를 보냈습니다. 자식을 보내는 부모의 마음 보다는 IE 팀의 위트와 IE6에 대한 애증이 엿보이네요. Thanks for the good times IE6. See you all at MIX where we'll show a little piece of IE h..
trackback from: IE6 사망선고에 동참합니다!!!
답글삭제Intenet Explorer 6으로 블로그에 접속했을 때 잡은 화면이다. 다른 브라우저를 이용해서 접속하면 아무런 문제가 없지만 유독 IE6으로 접속하면 이 처럼 깨진다[주:댓글과 트랙백이 어긋나는 것은 IE7과 불여우 3.5 이하에서도 발생한다.]. 먼저 ①과 ③은 배치가 어긋난 경우다. 또 ②를 보면 RSS 리더 아이콘의 배경색이 주변색과 다른 것을 알 수 있다. 이런 현상이 발생하는 이유는 인터넷에서 가장 폭넓게 사용되는 PNG 파일의 투명...
trackback from: IE6 사망선고 동참!
답글삭제http://www.ie6nomore.com/ 나는 평소에 IE6을 좀 싫어하는 편이어서 경고문구를 달까 생각을 자주 생각했었는데, 깔끔하고 디자인이 좋은 것이 없어서(이 와중에서도 그런 생각을 ㅋㅋ) 고민햇었었는데, 지금 좋은 경고메세지를 발견했네요! 아래 사진은 IE6에서 볼 때의 내 블로그이에요. (지금도 보이시는 분이 있을 것 같은데...) 정말 예쁘지 않아요?! 사실 제 블로그의 메인 색인 초록색으로 완전히 통일할려했는데, 막상 바꿔보니 이..