2022. 10. 20. 08:51
내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.
종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.
한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다. 자세한 내용은 여기로: https://www.epubguide.net/notice/309오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.
일러두기는 글자를 아래로 배치해야 하는데,
이게 많이 까다롭습니다.
height : 100%;는 먹히지 않습니다.
뷰어의 높이를 height는 감지할 수 없기 때문이지요.
그래서 뷰오 높이를 기준으로 height를 잡을 수 있는 vh를 사용합니다.
하지만 vh는 디스플레이의 크기이기 때문에
뷰어의 설정에 따라 100vh가 다음페이지로 넘어갈 수 있습니다.
그래서 대략 80vh를 사용했어요.
그런데 이보다 간단한 코드가 있습니다.
.box_note {
position : fixed;
bottom : 5em;
margin : 1em;
}
이렇게 상자를 만든 후 텍스트를 넣으면 화면 하단에 배치됩니다.
이 코드도 완벽하지는 않습니다.
몇가지 문제가 있어요.
그래도 지금까지 찾은 코드 중 가장 간단한 스타일 코드입니다.
반응형
'EPUB 편집 가이드 > EPUB을 위한 CSS' 카테고리의 다른 글
| 글자 위에 점 찍기... 이런 훌륭한 속성을 모르고 있었다니 ㅜ.ㅜ (0) | 2022.11.15 |
|---|---|
| 인라인(inline), 내부(internal), 외부(external) CSS 사용하기 (1) | 2022.10.27 |
| [CSS 스타일 샘플] 복잡한 모양의 테두리 (0) | 2022.07.27 |
| [CSS 스타일 샘플] 제목 뒤쪽 여백에 줄긋기 (0) | 2022.07.27 |
| 알아 두면 좋은 CSS 속성 3가지 (0) | 2022.06.02 |