[문의]재미있는 제목 스타일

재미있는 제목 스타일 문의가 들어와 소개해 드립니다. 

제목 위, 아래에 크기가 다른 둥근 점이 들어간 제목이에요.

Sigil에서 제목을 자동으로 생성하려면 [오늘의 사색]이라는 제목은 하나의 제목 태그로 묶여야 합니다.


중요한 포인트는, 위쪽 큰 동그라미는 제목의 첫번째 단어에, 아래쪽 작은 동그라미는 마지막 단어에 일정한 거리를 유지해야 한다는 점이에요.



이렇게 제목이 길어지면 그에 맞춰 동그라미 위치도 바뀌어야 합니다.


제목의 위, 아래 길이는 알 수 없고, 1줄이 될 수도 있습니다.

제목이 어떻게 배치되어 있든 첫번째 단어에서 1자 거리 위에, 

마지막 단어에서 1자 거리 아래에 원이 표시되야 합니다.




처음엔 코드가 엄청 복잡할 줄 알았는데 의외로 간단한 해결 방법이 있더라구요.

제약(점이 글자를 따라다녀야 한다, 제목을 한번에 표현해야한다 등)을 하나씩 생각하면서 스타일을 만들려다 보니 이런 저런 속성과 스타일이 여러개 들어갔는데 마음에 드는 결과가 나오지 않았습니다. 

그러다, 가장 기본적인 원리를 떠올렸지요.


가장 심플하게~


그래서 다시 생각을 해 보니, 정말 간단한 해결책이 있더라구요.


스타일과 HTML 코드는 이렇습니다.


* 글꼴이 미생체다 보니 기본 글꼴 크기가 작네요. 글자 크기를 미생체에 맞춰 다른 글꼴로 바꿀 경우 제목 크기가 아주 커질 수 있습니다. 원문자 크기 역시 글꼴에 따라 차이가 날 수 있기 때문에 글자 크기 조절이 필요합니다.

h3 {

text-align : center;

font-family: "Sandoll MiSaeng";

font-size : 1.8em;

margin-top : 2em;

margin-left : -1em;

margin-bottom : 5em;

color : #B794CA;

}


h3:before {

content : "●";

font-size : 1.2em;

vertical-align : 110%;

}

h3:after {

content : "●";

font-size : 0.7em;

vertical-align : -140%;

}

.left_m{

margin-left : 1.5em;

}


<h3>토끼굴 <br/><span class="left_m"></span>속으로</h3>



스타일을 적용한 결과입니다.




목차를 자동 생성하면 이렇게 나옵니다.



샘플 파일 다운로드 받아서 확인해 보세요~





설정

트랙백

댓글

2018년 전자책 지원사업 공고 및 선정작 제작 지원 안내

전자책 출판정보 2018.05.14 09:36

2018년 텍스트형 전자책 제원사업이 발표됐습니다.  [내용 상세 보기]


그동안 아는 분들 위주로 제작을 해 드렸는데, 지원사업 선정작에 한하여 제작 요청을 받습니다.

제작 비용은 제작 난이도에 따라 달라지며, 지원 사업비용 내에서 책정합니다.



* 내맘대로의 EPUBGUIDE.NET이 만든 전자책의 특징!


1. 양식화된 형태로 대량 제작하는 방식과 달리 종이책에 맞춰 개별적인 스타일 적용.

2. 종이책 스타일은 살리면서 전자책의 특성에 맞게 재편집.

3. 책에 포함된 다양한 글꼴을 저작권 걱정 없는 무료 글꼴 중 비슷한 글꼴을 찾아서 제작.

4. 본문과 자연스러운 이미지 및 이미지 설명(캡션) 배치.(원형, 다각형 형태의 이미지도 처리 가능)

5. 모든 주석은 팝업 주석 처리.(단, 팝업 주석 지원하지 않는 뷰어에서는 링크로 연결)

6. 제작 기간 : 최대 5일(영업일 기준) 이내

     - 제작 진행 3일 이내 1차 검수 파일(완성본)을 출판사에 전달

     - 출판사에서 검수 후 수정 사항 접수

     - 수정사항 접수 후 1일 이내에 최종 파일 출판사에 전달

        * 최종 파일 전달 후에라도 수정사항 있을 경우 무상으로 수정(3년 이내)

        * 단, 책에 따라 제작 일정이 달라질 수 있으며 3일 이상 걸릴 경우 사전에 안내드립니다. 



* 제작 요청


이메일 : byword77@gmail.com


이메일로 샘플(PDF, 인디자인 등) 혹은 종이책 미리보기 링크(교보문고, 예스24, 알라딘 등)를 보내주시면 견적서를 보내드립니다. 


제작의 품질을 보증하기 위해 월 10종 내외로 제작합니다. 먼저 작업중인 책이 있을 경우 제작 일정이 지연될 수 있으며, 제작 일정은 견적서에 안내 드립니다.




==제작지원사업에 대한 자세한 안내는 아래를 참고하시기 바랍니다==

2018년 제1차 텍스트형 전자책 제작 지원 사업 공고(링크)

한국출판문화산업진흥원은 <제1차 텍스트형 전자책 제작 지원> 사업을 
아래와 같이 공고하오니 많은 참여 바랍니다.

□ 사업목적

  • ㅇ 출판사의 전자책 제작 의지 독려를 통한 국내 전자책 시장 저변 확대 및 전자출판 역량 강화
  • ㅇ 우수 전자책 콘텐츠 보급 및 편중화 해소를 통한 전자책 콘텐츠 산업 선진화
  • ㅇ 디지털 독자 양성을 통한 전자출판 인식 제고 및 내수창출 도모

□ 지원 내용 및 조건

2018년 제1차 텍스트형 전자책 제작 지원 사업 공고의 지원 내용 및 조건 | 구분, 내용으로 구분되는 표
구분내용
지원대상
  • - 일반도서 전체
  • - 미출간 원고
지원형식
  • - EPUB, PDF 등 형식
지원내용
  • - 종당 최대 40만 원 이내 실제작비 지원(초과금액은 출판사 자부담)
      ※ 제작파일 형식별 상한액 기준 : 이펍-40만 원 이내, PDF-30만 원 이내
지원규모
  • - 총 530종 내외 선정
지원자격
  • - 텍스트형 전자책을 제작하려는 출판사
      ※ 출판사당 최대 20종까지 신청 가능
제외대상
  • - 국고로 전자책 제작 지원금을 이미 받아 제작된 도서
  • - 전자책으로 제작되어 기 유통되고 있는 도서
  • - 저작권자와의 배타적발행권 설정 계약이 명확하지 않은 도서
  • - 학습교재류, 정기간행물, 학회지 등
  • - 시리즈 중 일부 콘텐츠로 한 콘텐츠로서의 완결성이 없는 경우

※ 전자책 제작비 지급 기준(종이책 기준)

2018년 제1차 텍스트형 전자책 제작 지원 사업 공고의 지원 내용 및 조건 중 전자책 제작비 지급 기준(종이책 기준) | 구분(작업분량(페이지, 이미지)), 제작난이도(상, 중, 하)으로 구분되는 표
구분제작 난이도
작업
분량
페이지200p 초과100p~200p100p 미만
이미지20개 초과5개~20개5개 미만


설정

트랙백

댓글

[CSS3] EPUB2에 애니메이션, 그라데이션 등 다양한 효과 주기

화려한 효과는 EPUB3만 가능한게 아닙니다.

EPUB2에도 표준을 지키며 간단한 애니메이션을 넣을 수 있습니다. 

스크립트를 쓰지 않고 CSS만 사용해 효과를 낼 수 있지요.


많은 분들이 이런 '화려한' 효과에 관심을 보입니다.

그런데 '화려한' 효과를 왜 쓰는지 잘 생각해 보셔야되요.

화려한 효과는 책을 보지 않는 사람에게는 '와~' 하는 감탄을 불러내겠지만


글자가 왔다 갔다 하고, 번쩍이고, 네온사인처럼 색이 바뀌면

독자들이 책에 집중할 수 있을까요?


'화려한' 효과는 얼마든지 넣을 수 있습니다. 어렵지 않아요.

EPUB2와 CSS3만 이용해도 본문 위에 벗꽃이 흩날리게 만들 수 있어요.

뷰어에 따라 제한이 있지만 교보, 알라딘, 리디, iBooks등의 뷰어에서 돌아갑니다.


애니메이션 등의 화려한 효과를 찾는 분들이 많아 샘플을 올리는데

이런 화려한 효과가 정말 책에 필요한건지 진지하게 고민을 해 보세요.

제대로 기획을 해서 꼭 필요한 곳에 이런 효과를 넣어야지 기획 없이 '화려함'만 찾는건 독서에 방해가 될 수 있어요.



첨부한 파일은 독특한 효과를 주는 CSS3 속성 샘플입니다.






설정

트랙백

댓글


티스토리 툴바