0
조회 수 : 11173 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
팁의 출처 : http://forum.standardmag.org/viewtopic.php?id=569
보통 인쇄을 고려할 때 글로벌 네비게이션, 로컬 네비게이션, 비주얼 영역은 출력을 원치 않게 됩니다.
따라서 필요한 영역만 출력하기 위하여 예전에는 자바스크립트를 사용했었습니다.
하지만 한줄짜리 CSS 코드와 한줄짜리 CSS 링크 명령 만으로 이 문제를 간단하게 해결할 수 있습니다.
물론 이것이 가능 하려면 DIV+CSS 형식의 표준 마크업이어야 하고 Table 을 이용하여 레이아웃 설정한 경우라면 이 팁을 적용하기 매우 어렵습니다.
1. 인쇄를 위한 print.css 만들기. 단 한줄이면 족합니다.
#header, #visual, #local, #footer { display:none} /*출력을 원치 않는 영역을 모두 숨김*/
2. 인쇄를 위한 print.css 링크하기. 역시 단 한줄.
<link href="/open_content/css/print.css" rel="stylesheet" type="text/css" media="print" />
3. 출력결과.
#contents 라는 ID를 지닌 영역만 출력 됩니다.
4. 예제보기.
http://www.engit.com/open_content/compa … vision.php
상기 페이지에 접속하여 '파일>인쇄미리보기' 명령을 실행해 봅니다. 불필요한 영역은 제거된 상태로 콘텐츠 영역만 출력될 것입니다.
ps. 잉크를 아끼기 위해 해당 소스를 추가합니다. * {background:none;}
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기