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

Thảo luận trong 'Hướng dẫn chung' bắt đầu bởi tran ngoc anh, 19/8/21.

  1. machine

    machine Lớp 11

    Moon Reader mãi không chịu sửa đổi. Chán.
    Mà tui dùng Kobo rùi. Kobo hiển thị tốt mấy cái này.
    Đâu, làm kiểu này mình tùy biến Dropcap không khác gì kiểu truyền thống, vẫn khai báo như bình thường thôi.
    Kiểu này nếu có dấu ngoặc kép " hoặc dấu ngoặc đơn ( ở đầu câu nó sẽ tính cả dấu đó và ký tự liền ngay đó làm Dropcap. Riêng dấu cộng + hoặc dấu trừ - thì nó chỉ tính dấu cộng trừ thôi, không tính ký tự liền ngay sau đó. Bác xem file Demo.epub đính kèm bên dưới.
    Tui thích kiểu Heading canh lề giữa nên tui cố tình định dạng canh lề giữa cho h2 đấy chứ :D
     

    Các file đính kèm:

    vinaguy thích bài này.
  2. tran ngoc anh

    tran ngoc anh Cử nhân

    Ý của cụ ấy là indent của dropcap ấy, em nghía qua cũng thấy dropcap của cụ thụt lề, chắc ý của cụ ấy là như thế chứ không phải h2 :D
     
    machine and vinaguy like this.
  3. vinaguy

    vinaguy Lớp 11

    Chưa ai hiểu ý em nhanh như @tran ngoc anh luôn :)
    Ý em bảo là khai vào mục h2+p:first-letter ấy (chứ không phải kéo h2 ra lề ngoài bác ơi) :)
    P/S: Em đã thử trên file Demo của bác rồi. Khai text-indent vào chỗ h2 + p:first-letter không thấy có tác dụng gì trọi bác ơi. Để em ngâm cứu thêm.
     
    machine thích bài này.
  4. tran ngoc anh

    tran ngoc anh Cử nhân

    p:first-letter chỉ là 1 chữ cái đầu tiên của dòng, nên định dạng indent sẽ không có tác dụng gì đâu bác.

    Thay vào đó bác chỉ dùng h2+p (text-indent: 0;} là được.
     
    vinaguy and machine like this.
  5. vinaguy

    vinaguy Lớp 11

    Đúng là cứ mổ xẻ một hồi là ra hết các bác nhễ. Ai có chiêu độc nào share tiếp anh chị em làm sách cho nhanh.
    P/S: Mà người làm sách khổ thiệt các bác nhễ... làm cho đẹp vào nhưng bản thân thì không được đọc bản đẹp đó... toàn đọc trên bản nháp không à... vừa đọc vừa sửa thì chỉ có đọc trên bản toàn code là code thôi :)
     
    machine thích bài này.
  6. machine

    machine Lớp 11

    :rose::rose::rose:

    Vậy trong file css phải khai báo thêm h2+p nữa, như bên dưới:

    h2 + p:first-letter {
    font-size: 175%;
    font-weight: bold;
    }

    h2 + p {
    text-align: justify;
    text-indent: 0em;
    margin: 0.2em 0.2em 0.2em 0.2em;
    }
     
  7. tran ngoc anh

    tran ngoc anh Cử nhân

    0em là không cần thiết bác nha, chỉ mỗi số 0 là đủ rồi
     
    machine thích bài này.
  8. machine

    machine Lớp 11

    Thank you. Kiến thức này đã được tiếp thu :D
     
    tran ngoc anh thích bài này.
  9. pronak123

    pronak123 Mầm non

    @tran ngoc anh bạn cho hỏi có cách nào setting drop cap ổn hơn cách dùng float không. tôi thấy có kiểu initial letters bên css mà thử với calibre không được
     
  10. NQK

    NQK Lớp 10

    Editor hay Viewer?
     
  11. tran ngoc anh

    tran ngoc anh Cử nhân

    Mình cũng chưa test phương pháp này. Còn float thì mình thấy vẫn hiện tốt mà.
     
    pronak123 thích bài này.

Chia sẻ trang này