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

Lâu quá không vào TVE, nay thấy đc tag nên vào ngó nghiêng phát, ây da, anh em dạo này bờ rồ quá, ngã mũ, và lặn tiếp. Chúc mọi người build và đọc sách vui.

 

Ý chính của tôi trong post đó là nhược điểm của cấu trúc này.

Lệnh này không rõ có hiệu nghiệm khi găp đầu paragraph là " - <i> hay <b> không? Tôi bỏ cấu trúc này rồi, chỉ vì mỗi vấn đề cho đọc thành tiếng thì giọng đọc bị vấp ở dropcap: "Đờ iểm này..." chẳng liên quan đến chuyện hiển thị.

 

Cách xuất hiện của một cao thủ đây mà

 

Theo em thì cứ dùng nhiều câu lệnh, trước mắt xử lý được các trường hợp dễ, còn một số trường hợp bị vấp thì lại thêm một dòng regex khác.

Cái saved search nó nhanh ở chỗ chạy 2 câu lệnh hay nhiều câu cũng chỉ trong chớp nhoáng. Nên là số lượng câu lệnh không quan trọng.

Thậm chí khi tách ra làm hai có khi xử lý nhanh hơn và nhìn đỡ rối mắt hơn một câu lệnh dài thòn lòn

 

Em chưa chèn lệnh cho <i> và <b> nhé bác. Chèn thêm cũng đơn giản thôi. Còn " và - và số là có rồi bác nhé.
Dùng Moon đi bác. Em hứa... Moon đọc hay và không mắc mớ gì hết bác ạ (đặc biệt giọng số 2)

 

Bác xức hiện rồi... lâu lắm không thấy. Tiện đây bác giải thích dùm cho một số từ trong Regex-Function với bác. Cái chỗ Loại trừ TAG đó bác. Mắc míu mà tìm chưa ra.

 

Ặc, đang lặn mà bị quăng dây vào chân kéo lên nì, ui, tag chỉ là ký tự đặc biệt thôi, nhét dấu đánh dấu ký tự đặc biệt là regex hiểu thôi. Còn Drop anh em nên bỏ vụ span đi, tập dùng First Letter ấy, máy đọc nó không bị nuốt chữ, hay da, rút kéo, cắt dây, lặn tiếp a...

 

Vâng bác. Vậy để em thử vọc theo kiểu bác nói xem sao. Đã hiểu được ý bác sơ sơ rồi đấy.

 

Như cụ inno14 đã nói, first-letter còn có một ưu điểm nữa . Đó là không cắt chữ ra khiến cho kiểm tra chính tả bị lẫn mấy từ bị cắt đầu đó.

 

Chính xác. Em kiểm tra chính tả toàn vướng vụ này... nên cứ remove Dropcap trước, kiểm tra chính tả rồi mới dropcap. vì làm dropcap thì em cũng chỉ 1 replace all nên em cứ ưu tiên cái nào làm lâu em làm trước.

 

Mình dùng Moon bản free và không có ý định đổi sang app khác vì tính năng chọn màu nền.
Moon Reader cho phép chọn màu nền đa dạng tới 16 triệu màu (24 bit màu) trong đó màu nền vàng (mã màu: #DFAD0A) và chữ đen (mã màu: #FF000000) đọc dễ chịu nhất, không bị chói mắt.
Không có app nào khác free mà có tính năng chọn được màu nền như màu #DFAD0A (trừ FB Reader mà cũng không thuận tiện bằng).
Ưu điểm thứ 2 là Moon Reader hiển thị được chú thích dạng Pop-up.
Heading và Dropcap đẹp thì cũng tốt nhưng cũng chỉ ngắm chưa tới 30 giây đã lật sang trang khác rồi , màu nền thì theo suốt thời gian đọc sách kéo dài 8 giờ, 10 giờ hoặc hơn nữa. Nên app đọc ebook cho phép chọn được màu nền ưng ý làm dịu mắt là quan trọng nhất.

 

Dài dòng quá, tóm lại, mình thích:
p:first-letter
text-align-last: center;

mà Moon Reader không chịu hiểu.
Phải làm sao cho Moon Reader hiểu được p:first-letter và text-align-last: center; ?
Mình hỏi có câu lệnh nào thay thế không chứ không hỏi cách tìm kiếm và thay thế

 

Tiếp tục triển khai tính năng này ta định dạng super cho thẻ a, ví dụ thường một vị trí có chú thích sẽ như sau: ^{<a id="f1" href="end.xhtml#n1" epub:type="noteref">1</a>} hoặc <a id="f1" href="end.xhtml#n1" epub:type="noteref">¹</a>

Thay vào đó ta bỏ luôn cái cặp ^... luôn cho khỏe, chỉ còn <a id="f1" href="end.xhtml#n1" epub:type="noteref">1</a>

Không quên thêm một dòng css nhé:

a[epub|type="noteref"] {vertical-align: super;font-size: x-small;}​

Lý do nên sử dụng phương pháp này: chỉ thêm dòng css mà loại bỏ đi hàng trăm thậm chí hàng nghìn cặp tag <sup> rất đáng để làm

Chưa kể dòng css này có thể thay thế các dòng css trước đó dùng định dạng cho thẻ <sup> và thẻ <a> ví dụ như sup {line-height: 70%;font-size: x-small;} ; a {text-decoration: none;}

 

nên dùng như này

a[epub|type="noteref"] {vertical-align: top; font-size: 0.6em;}

thì cái dòng có chú thích nó sẽ không còn bị giãn ra 1 cách kỳ cục so với các dòng khác.

 

Ok bác để em thử. Lâu quá mới thấy bác, dạo này khỏe không bác?

 

Sorry hai bác. Tại do em thấy 2 bác đưa ra dòng lệnh đó mà chưa cover được hết trường hợp nên em lên lại dòng của em. Ai dè em hiểu nhầm ý của cả hai bác... sorry nghen

 

Một phát hiện nữa của mình là mẩu css về định dạng danh sách.
Xin được credit đến bạn @tranminator đã cung cấp code gốc.
Mình có đính kèm mẩu css và html tương ứng trong file để có thể dùng ngay bên dưới.
Thân!

 

Cái này đánh số thứ tự hay đấy bác nhễ. Phù hợp cho việc soạn giáo trình, chứ làm truyện thì chả bao giờ xài tới. Mà cứ mở trên cali ra thì thấy trong css mà nó hiện màu hồng là những dòng đó sẽ phải lưu ý, vì những dòng màu hồng nó sẽ không hiển thị được trên toàn bộ các app khác nhau.

 

Dùng cho loại tài liệu gì là ở bác

 

Đây là kiểu ordered list, tham khảo Vui lòng đăng nhập hoặc đăng ký để xem link

Ngoài ra còn kiểu Vui lòng đăng nhập hoặc đăng ký để xem link mà trong Word gọi là Bullets
Ví dụ:


trong file html:
<ul>
<li class="block">vai trò cốt yếu của thể chế chính trị và kinh tế quốc gia;</li>
<li class="block">những câu hỏi về vai trò của người hoặc giới lãnh đạo quốc gia trong việc xử lý biến cố;</li>
<li class="block">những câu hỏi phổ quát hơn về việc đưa ra quyết định từ một nhóm người;</li>
</ul>

trong file css:
.block {
text-indent: 0em;
font-size: 90%;
text-align: justify;
margin: 0.3em 0.5em 0.3em 0.5em;
/*margin: top right bottom left*/
}

Mặc dù đã định nghĩa căn lề tràn dòng (text-align: justify nhưng Moon Reader không hiểu đâu , Reasily hiển thị tốt.