PC [EPUB, CSS] Các mẩu Css và Saved Search

Loại ảnh trong trường hợp của chúng ta có nền trắng nếu được chuyển về grayscale trước, Vui lòng đăng nhập hoặc đăng ký để xem link ví dụ Imagemagick tẩy nền, đây là công cụ mã mở xử lý ảnh cực kỳ mạnh mẽ, mình cũng đang dùng nó để threshold làm pdf scan

 

Cái này làm sạch xong có giữ được định dạng không bác? Nếu mà nó giữ được nguyên định dạng với cả heading thì quá chuẩn rồi. Em sẽ dùng ngay và luôn.

CSS đóng khung thì em biết (chưa xài bao giờ - nhưng đã thấy rồi). Vụ này để em vọc xem sao.
Ở đây em chỉ muốn... có cái app nào mà xén hàng loạt theo đúng cái khung đen của ảnh gốc, sau đó, ghép khung hàng loạt cho cái ảnh đã xén khung đó (Quá tham lam đúng không bác?)
Bác yên tâm. Vụ cái khung em không biết làm, chứ vụ cái nền thì em làm tốt, lại còn đẹp nữa bác ạ. Em thấy người ta xử lý hình gì mà vỡ hết nên em muốn làm lại, chỉ đơn giản vậy thôi

 

Cuốn này là hồi mới học code với cô giáo tna, code, css toàn đi copy, có hiểu vào mắt!

Giờ bạn quan tâm đến thì làm lại code cho tinh tươm nhé. Mục lục thì xem còn thiếu chỗ nào thì cũng thêm cho đầy đủ. Khi nào xong báo tôi đề thay vào ebook ở đầu topic.

 

Xong rồi bác ạ. Bây giờ em tuốt lại rồi thì đẹp lắm. Em có điều chỉnh thêm chút chút so với bản em ấp lên hôm trước (điều chỉnh lại canh lề của các title - bị lệch; điều chỉnh lại vài cái đoạn văn nằm dưới dropcap - bị thụt sâu trông mất thẩm mỹ; Sửa lại mớ hình trong đó nữa - mớ hình cũ ai cắt xén mà vừa bé vừa mờ, còn vài hình xấu nữa em tìm không ra nguồn nên em để tạm vậy luôn). Hay là để em ấp riêng cho bác. Bác chèn sửa lỗi chính tả vào nữa rồi ấp lên thread #1 luôn?

 

Tất nhiên heading là dễ nhất mà nên nó giữ được rồi, thêm nữa nếu docx được định dạng heading đầy đủ, pandoc sẽ bê nguyên cấu trúc qua và còn ngắt html theo vị trí h1 luôn.

Song em này ngu khoảng nghiêng đậm, convert bị lỗi nghiêng đậm mà phản hồi lên dev 2 năm nay chưa thấy fix được, chắc họ bó tay rồi.

 

Vậy thì tốt rồi bác. Em sẽ xài nó. Nó ngu thì em đã có cách dạy cho nó khôn ra. Dạy mãi không chịu nghe nữa thì cho dăm roi vào đít là làm theo ý em ngay

 

Hehe chắc bạn định nói dùng kết hợp với chiêu của anh inno14 nhỉ?

Mình cũng dùng chiêu đó khi dùng pandoc xử lý docx, nhưng mình có tùy biến lại một chút.

Nói chung sẽ lên thread cách xử lý của mình. Mấy cái tip nhỏ nhỏ mình thích lập thread riêng để dễ tìm kiếm là chủ yếu. Với lại nhớ ra cái nào thì viết cái đó chứ không có thứ tự ^^

 

Cái phần mềm gì đâu mà đúng là NGU thiệt. em không biết phải mở file kiểu gì luôn. Đùa chứ chắc tại em NGU chứ không phải nó NGU.

 

Đây là phần mềm dòng lệnh bạn ơi. lệnh chuyển đơn giản lắm.

pandoc "tenfiledocx" -o fileepub.epub

 

Mẩu tiếp theo: lót ảnh minh họa cho heading.





Code:
h1 {
font-size: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
font-family: "Baloo Thambi 2", cursive;
background-image: url(../media/boat.png);
background-position: bottom;
background-size: 2.5em;
background-repeat: no-repeat;
padding: 2pt;
padding-bottom: 2em;
}

Lưu ý: file boat.png bên trong epub. Mình có đính kèm nếu các bạn muốn tham khảo.

 

Lát nữa em sẽ thử ngay và luôn.

Bác hidden cái dấu chấm (.) làm gì bác?

 

Mẩu tiếp theo: Canh giữa dòng cuối cùng của một đoạn text nào đó.





Lưu ý: định dạng cho thẻ <p> bên trong thẻ div có class là head thì:

div.head p {}
Hoặc
div.head > p {} (thêm dấu > ở giữa)

Code:

div.head p {
font-family: "Arsenal", serif;
text-align: justify;
margin: 1em auto;
font-size: 1.1em;
text-align-last: center;
}

 

Để giấu nó cho giao diện được thẩm mỹ hơn một chút thôi hà ^ ^ xem hình để dễ hình dung hơn nhé!

 

Mẩu tiếp: định dạng dropcap dựa theo thẻ heading liền trước không cần gắn class="dropcap"





Code:

div.head + p:first-letter {
margin: 10pt 1pt 1pt 1pt;
font-size: 4em;
float: left;
line-height: 100%;
font: 80px/60px "Amatic SC";
}

 

Ùi chà... Em không để ý tới cái <div...> của bác. Bác có ý tưởng siêu việt là biến một paragraph thành tiêu đề của sách... Ý tưởng này mới mà hay...

Cái này em đã vọc một số lần rồi, nhưng một số app không chịu hiển thị theo Dropcap kiểu này bác ạ. nên rồi lại phải quay về với kiểu cũ... Với cả có nhiều sách phức tạp thì mở đầu một chương nó không phải là 1 chữ cái mà là một dấu quote (") hay là một gạch ngang (-) một con số hay gì gì vân vân... nên nó linh tinh lên hết bác ưi

 

Moon Reader không hiển thị được, chắc nó không hiểu ".dropcap:first-letter".
Reasily hiển thị bình thường.

Đành phải làm theo cách truyền thống:
Trong khi soát chính tả, đánh dấu drop → <p>drop
Trong Sigil:
Find: <p>drop(.)
Replace: <p><span class="drop">\1</span>
Mode: Regex

Trong file css khai báo drop như bình thường
.drop{
.....
.....
}

 

Moon hỗ trợ epub3 không nhỉ? Với lại first-letter này là css cơ bản ấy. Nên lẽ ra nó phải hiện được.

 

Moon Reader giới thiệu là: EPUB3 multimedia content support (video and audio).

Moon Reader không hỗ trợ cả border có viền cong nữa. Đường thẳng thì được.
Table, Bulletin hiển thị trên Moon Reader cũng rất kém.

 

Xuất phát từ nhu cầu thực tế.

Thường thì heading sẽ cùng style, nhưng cuốn này phần nội dung phía sau chữ số La Mã quá dài, nên mình muốn cho nó một style "nhợt nhạt" hơn và chèn hình con tàu ngăn cách với số La Mã phía trước.

Nên bắt buộc mình phải tách thẻ cho em nó thành hai phần riêng biệt là h1 và p.

Vừa dễ dùng style riêng cho chữ số La Mã vừa dễ chèn ảnh con tàu. Mà lúc chạy mục lục cũng dễ gôm lại nữa vì đã bao lấy cả hai thẻ đó bằng div.head rồi.

Nhưng vì khi ở trong một dòng của mục lục ta cần dấu chấm để dễ nhìn. Nhưng phần hiện thị thì dấu chấm lại mất thẩm mỹ nên mình gắn thẻ hiden cho em nó.

 

Vậy mà em ấy chễm trệ là app đọc eBook được yêu thích nhất thì phải, không nhất cũng nhị...

Thật khó hiểu