IE6 No More 수정

BLUEnLIVE's ZocKrWorld의 BLUEnLIVE 님의 영향을 받아 동참한 IE6 no more 캠페인이다. 이번에 이것을 다시 한 번 고쳤습니다.

원래의 배너 등을 보고 싶은 사람은 IE6 No More 동참하기 문서를 보기 바랍니다.

원래의 코드

IE6 No More 홈페이지에 나타난 원본 코드는 다음과 같습니다.

[code css; html-script: false] <!--[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: 640px; 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;'>You are using an outdated browser</div>             <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</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='Get Firefox 3.5'/></a></div>         <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 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='Get Safari 4'/></a></div>         <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>     </div> </div> <![endif]--> [/code]

BLUEnLIVE 님이 한글로 고쳐준 코드

BLUEnLIVE 님 한글 메시지로 고쳐준 코드는 다음과 같습니다.

[code css; html-script: false] <!--[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: 640px; 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: 13px; 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='Get Firefox 3.5'/></a></div>         <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 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='Get Safari 4'/></a></div>         <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>     </div> </div> <![endif]--> [/code]

한글 메시지를 다시 고친 코드

BLUEnLIVE 님이 한글 메시지로 고친 코드를 조금 다르게 바꾼 코드는 다음과 같습니다.

[code css; html-script: false] <!-- IE6 No More 배너 시작 --> <!--[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: 640px; 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: 13px; 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='Get Firefox 3.5'/></a></div>         <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 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='Get Safari 4'/></a></div>         <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>     </div> </div> <![endif]--> <!-- IE6 No More 배너 끝 --> [/code]

링크 주소를 코친 코드

위 세 코드는 한 가지 문제가 있습니다. 바로 인터넷 익스플로러는 항상 영문으로 설치된다는 점입니다. 물론 설치 과정에서 약간의 작업을 거쳐서 한글 메시지를 출력할 수 있게 바뀝니다만, 처음부터 한글 인터넷 익스플로러가 설치되는 경우와는 조금 다릅니다. 더구나 설치하는 페이지도 영문 메시지를 보여 줍니다. 그것을 마이크로소프트의 웹페이지로 바꾸고, 다른 웹브라우저와 관련한 링크도 조금 손을 보았습니다. 아울러 alt 속성과 관련한 메시지도 한글로 바꾸었습니다.

[code css; html-script: false] <!-- IE6 No More 배너 시작 --> <!--[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: 640px; 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: 13px; 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.mozilla.or.kr/ko/firefox/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 또는 상위 버전 구하기'/></a></div>         <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/korea/windows/internet-explorer/worldwide-sites.aspx' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Internet Explorer 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='Safari 4 또는 상위 버전 구하기'/></a></div>         <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome 구하기'/></a></div>     </div> </div> <![endif]--> <!-- IE6 No More 배너 끝 --> [/code]

관련 문서

• IE6 No More 홈페이지
• BLUEnLIVE's ZockrWorld :: IE6 No More에 동참!

이 글은 스프링노트에서 작성되었습니다.

리사이즈 브라우저 사용법 - 1. 기본 사용법

예전에 써 본 적이 있는 리사이즈 브라우저를 이용한 특이한 창 크기 변경 방법입니다. 사실 이번에 발견한 사용법을 알았다면 아마 Firesizer(파이어사이저) 파이어폭스 부가 기능은 설치하지 않았을는지도 모릅니다.

기본 사용법

리사이즈 브라우저에는 기본적으로 몇 가지 프로그램의 창 크기를 변경할 수 있습니다. 그 프로그램은 인터넷 익스플로러와 파이어폭스와 같은 웹브라우저입니다.

처음 실행 화면

표시 화면

위의 처음 실행 화면에서 창 크기를 바꿀 창을 선택합니다. 이해가 안 된다면, 아래 표시 화면을 보고 작업하기 바랍니다.

1. 가장 먼저 앞서 말했듯이 창 크기를 바꿀 창을 선택합니다. 위 표시 화면에서 자주색 테두리 부분입니다.
   • 만약 저 창이 없다고 여겨지면, Resize (빨간 네모) 옆의 Refresh를 한 번 클릭해 줍니다. 그러면 현재 존재하는 창을 보여줍니다. 참고로 인터넷 익스플로러와 파이어폭스가 함께 존재한다면, 인터넷 익스플로러 창이 화면에 보이게 됩니다. 저 자주색 테두리 부분을 클릭하여 창을 선택하면 됩니다.
2. 그 다음으로 바꿀 창의 크기를 정합니다. Sizes 부분에서 1024x768 (단축키는 Alt+1)(파란 네모)을 선택한 다음 Resize를 클릭한다. 일단은 해보는 겁니다.
3. 마지막으로 Resize (빨간 네모) 부분을 클릭하면 창 크기를 바꾸어 줍니다.

그러면 아래처럼 바뀝니다. 아래 그림에서 파이어폭스의 제목 표시줄(자주섹 테두리), 파이어폭스의 상태 표시줄의 파란 네모 부분을 살펴보시면 창 크기가 변경되었음을 알 수 있습니다. 파이어폭스의 상태 표시줄의 파란 네모 부분은 Firesizer 부가 기능이 알려주는 창의 현재 크기입니다. 물론 창 크기 변경도 가능합니다.

리사이즈 브라우저를 이용하여 1024x768 크기로 바뀐 파이어폭스 창

위 사용법을 참조하여 방금 크기를 바꾼 창의 크기를 800x600으로 바꾸면 아래와 같습니다.

리사이즈 브라우저를 이용하여 800x600 크기로 바뀐 파이어폭스 창

위 사용법을 참조하여 방금 크기를 바꾼 창의 크기를 640x480으로 바꾸면 아래와 같습니다.

리사이즈 브라우저를 이용하여 640x480 크기로 바뀐 파이어폭스 창

일부러 바탕 화면에서 같은 부분을 세 번 잡았습니다. 이 기능은 오픈 캡처의 마지막으로 캡처한 영역 캡처하기를 이용했습니다. 바탕 화면에 다른 아이콘이 존재했으나 비교를 위해 편집했습니다. 양해 바랍니다.

슬라이드쇼로 바꾸면 다음과 같습니다.

관련 문서

내부 문서

• [프로그램/소개] - OpenCapture
• [프로그램/소개] - Resize Browser

외부 문서

• 파이어폭스 부가 기능 :: Firesizer

이 글은 스프링노트에서 작성되었습니다.

Resize Browser

Resize Browser는 인터넷 익스플로러 및 모질라 파이어폭스 등의 웹브라우저의 창 크기를 변경해 주는 프로그램입니다. 이것을 조금만 응용하면 리소스 해커 등의 창의 크기도 바꿀 수 있습니다. 예컨대 앞서 소개한 리소스 해커의 창 크기는 가로가 640픽셀입니다. 바로 Resize Browser를 이용하여 640x480 크기로 맞춘 뒤 세로를 줄였기 때문입니다.

프로그램 정보

• 프로그램 이름 : Resize Browser (리사이즈 브라우저)
• 프로그램 아이콘 :
• 버전 : v1.0.4 (2005년 5월 2일)
• 저작권자/제작자 : RJL Software
• 분류 : 액세서리 유틸리티
• 지원 운영체제 : Win95, Win98, WinME, WinNT, Win2000, WinXP and Vista.
• 홈페이지 : http://www.rjlsoftware.com/software/utility/resize/
• 저작권 : 프리웨어
• 평가 : @@@@@@@@@@ ( 8 / 10 )
• 스크린 샷 :
  

  처음 시작 화면

  
  
  

  About 및 리플래시

  
  
  

  옵션

  
  
  

  트레이 아이콘 (빨간 네모)

  
  
  

  트레이 메뉴

  
  

• 설명 :
  웹브라우저의 창 크기를 바꿀 수 있게 해주는 프로그램이다. 심지어 창 크기를 바꿀 수 없게 되어 있는 경우에도 바꿀 수 있다.

• 기타 :

  • ASPack 실행 파일 압축기로 압축되어 있어서 리소스 편집이 조금 어렵습니다. 굳이 한글화가 필요 없을 만큼 간단한 프로그램이기도 하고요.

다운로드

다운로드 페이지에서 받을 수 있습니다.

• 설치 파일 (4125 K)
• .ZIP 압축 파일 (329 K)
• 자동 압축해제 EXE 파일 (346 K)

관련 문서

내부 문서

• [프로그램/소개] - Resource Hacker

외부 문서

• RJL Software 홈페이지

  • RJL Software - Software

이 글은 스프링노트에서 작성되었습니다.