Print 용 CSS 적용 완료

  • Post author:
  • Post category:
  • Post comments:2 Comments
  • Post last modified:October 28, 2005

블로그에 프린트용 CSS를 완전히 적용했다. 이 작업에는 아래의 두 문서를 많이 참고했다.

첫번째 문서는 프린트용 CSS에 대해 쉽고, 간결하게 설명하고 있다. 이 블로그에는 크게 다음과 같은 사항들을 적용시켰다.

  • 프린트할 때는 필요없는 우측 메뉴와 덧글을 남기기 위한 입력 상자 등을 보이지 않게 했다.
  • 배경을 투명하게 했다.
  • 컨텐트가 넓게 보이도록 width, margin 값 등을 조정했다.
  • CSS Design: Going to Print에서는 문서 상의 하이퍼링크를 프린트하기 위해 attr을 제시한다. 하지만 나는 두번째 문서에 제시된 방법을 따랐다.

두번째 문서는 문서 상의 링크를 페이지 하단에 모아서 출력해주는 자바스크립트를 소개한다. 이에 대해서는 이미 Link Display 와 검색엔진을 고려한 문서구조라는 글을 통해 소개한 바 있다.

웹브라우저에서 인쇄미리보기 기능을 사용하면 결과물을 볼 수 있다. 개선해야 할 점이 있다면 언제라도 알려주시기 바란다.

Kubernetes, DevSecOps, AWS, 클라우드 보안, 클라우드 비용관리, SaaS 의 활용과 내재화 등 소프트웨어 개발 전반에 도움이 필요하다면 도움을 요청하세요. 지인이라면 가볍게 도와드리겠습니다. 전문적인 도움이 필요하다면 저의 현업에 방해가 되지 않는 선에서 협의가능합니다.
follow me
  • 결정 한번 전광석화네 https://t.co/nujVeCRdMT
    16 hours ago
  • 싸이월드 법인가 뭔가 화제였는데 이런 게 훨씬 현실적인 접근이다 https://t.co/fSB9LiMYzO
    2 days ago
  • 시장을 좋게 보는 사람을 좋게 볼 근거를 찾고 그렇지 않은 사람은 나쁘게 볼 근거만 열심히 찾네. 그 반대로 해야 얻는 게 있을텐데
    2 days ago
Buy me a coffeeBuy me a coffee
×
Kubernetes, DevSecOps, AWS, 클라우드 보안, 클라우드 비용관리, SaaS 의 활용과 내재화 등 소프트웨어 개발 전반에 도움이 필요하다면 도움을 요청하세요. 지인이라면 가볍게 도와드리겠습니다. 전문적인 도움이 필요하다면 저의 현업에 방해가 되지 않는 선에서 협의가능합니다.
Latest Posts