Hướng dẫn Giới thiệu biên tập ebook bằng Calibre Editor

Bạn muốn dùng thẻ gì cũng được hết á, mỗi thẻ có một định nghĩa riêng, dùng đúng thẻ thì ai đọc đến thẻ đó đều hiểu đúng theo định nghĩa của thẻ, các coder dù không hiểu nội dung vẫn có thể bố cục được eBook.
Các mã đó dành cho thẻ nav (mục lục epub3) không ảnh hưởng gì đến nội dung. Thẻ ol là list, nhưng sẽ không có style định dạng.

 

Cảm ơn bạn nhân tiện cho tôi hỏi thêm về jacket page. Tôi thích làm jacket page giống sách in, có tùy chọn nào để ghim tên Tác giả lên đầu trang, tên Nhà xuất bản ở cuối trang của thiết bị hiển thị không bạn? Hay là hiện nay vẫn chưa có tùy chọn đó và phải dùng hình ảnh thay thế?

​

 

Hì thiết bị có thể xoay ngang và xoay dọc, nên dùng hình ảnh để bảo toàn bố cục, nếu bạn thích text cách nhau một khoảng tương đối thì bạn có thể đặt tất cả thông tin vào cùng 1 khối div và mỗi thông tin bạn khai báo thuộc tính padding-top (vị trí tương đối của từng đối tượng so với đỉnh khối div chứa nó). Đơn vị dễ dùng nhất chính là em (tương đương với 1 dòng cho tất cả các size chữ). Ví dụ tên tác giả cách đỉnh khối là 1 dòng thì khai báo cho tên tác giả là 1em, tên nhà xuất bản cách đỉnh khối là 10 dòng thì khai báo là 10em. Html là trang dàn trải chỉ có đỉnh khối là cố định còn đáy khối sẽ kéo dài bất tận nên chúng ta chỉ dùng đỉnh khối để làm hệ quy chiếu.

 

Cảm ơn bạn rất nhiều Thân mến!

 

Gởi bạn ảnh minh họa cách chèn khoảng trống vào giữa 2 thông tin tác giả và nhà xuất bản khi bạn biết chính xác chiều cao thiết bị lúc này bạn chỉ việc tinh chỉnh giá trị padding top và bottom của khối div và % diện tích chèn giữa 2 thông tin

 

Không cần biết chính xác kích thước (chiều cao) của màn hình đâu inno.

Div 1: top: x%
Div 2: cho vào giữa trang
Div 3: bottom x%

Theo đó 3 div sẽ tự dịch chuyển tùy theo chiều cao, cho dù là màn hình 16:9 hay 21:9, và cả khi thay đổi kích thước chữ (chữ quá to sẽ tan nát). Dĩ nhiên ứng dụng phải đủ khả năng hiển thị.

 

Dạ tks anh.

 

Cảm ơn hai bạn @inno14 và @NQK Tôi đã làm được như các bạn hướng dẫn, kiểm tra trên Reasily và Lithium thấy hiện lên rất đẹp

 

Bạn thấy đẹp là ok rồi. Mình sướng là chính.

Có điều sang máy mình, do kích thước khác nhau, nên nó thành 2 trang.

 

Jacket 1 chắc là do điều chỉnh kích cỡ riêng cho màn hình cao 720px. Còn Jacket 2, tôi dùng %, thấy hiện lên màn hình thế này:

Nếu cả 2 jacket đều thành 2 trang ở những thiết bị khác thì có lẽ tôi nên dùng Jacket như các epub có sẵn trên diễn đàn cho đồng đều

 

Mình biết bạn đặt theo màn hình của mình, thế nên nó ok. Sang năm bạn mua máy mới, kích thước khác, thì sẽ khác.

 

Jacket 1 ở máy tôi cũng thành 2 trang, còn Jacket 2 tôi chỉ dùng % mà vẫn hiện thành 2 trang hả bạn

 

Nó trong 1 trang, nhưng đương nhiên là dòng cuối sẽ không ở dưới cùng (tùy cỡ chữ) Hãy làm theo cách mình nói ở trên.

 

Vâng tôi đã làm như bạn hướng dẫn trong Jacket 2 (tôi làm cả 2 cách), bạn có thể xem giúp tôi css đã đúng chưa ạ?

 

Uầy, mình ko ngồi pc. Inno sẽ giúp bạn cụ thể hơn.

 

Cảm ơn bạn Nếu được, bạn gửi cho tôi file này được không

 

File đó mình không được phép gửi.

Mình không có thói quen làm hộ bài. Mình mách nước bạn đi tìm ở chỗ này. Vui lòng đăng nhập hoặc đăng ký để xem link

 

@thanhbinhtran bạn thử xem trên thiết bị của bạn nhé

 

Cảm ơn bạn @inno14 nhiều nhé Jacket rất đẹp dù thay đổi cỡ chữ

 

Này là anh nqk mới chỉ bên trên á, mình chưa từng thử qua