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

Thảo luận trong 'Hướng dẫn chung' bắt đầu bởi inno14, 15/9/17.

  1. inno14

    inno14 Lớp 7

    * Cập nhật lại code find trong file xlsm để tìm kiếm nguyên từ tránh tình trạng thay 'ngu'=>'ngủ' thay 'nguoi' thành 'ngủoi'. Thứ tự phần tử vẫn rất quan trọng, chuỗi dài trước, ngắn sau, các bạn có thể tự kiểm tra với 2 cặp 'muoi=mười' 'muoi lam=mười lăm' sẽ thấy. Bạn nào đã tải xlsm phiên bản ngày hôm qua mời tải lại phiên bản mới tại đây hoặc ở #75
    [​IMG]
     

    Các file đính kèm:

    Chỉnh sửa cuối: 23/3/18
  2. Gassie

    Gassie Sinh viên năm I

    Các cao thủ @NQK , @inno14 ,.... cho mình hỏi chút:

    Mình làm ebook từng chương một (mỗi chương là một html) thì mình làm chú thích như thế nào để thuận tiện nhỉ?

    Trước giờ làm thì nguồn text đã tổng hợp đủ, bỏ vô rồi chạy đánh số cái rẹt là xong. Lần này tổng hợp text từ các bạn soát lỗi, người gửi trước người gửi sau nên định làm từ từ từng chương thì gặp vấn đề về đánh số, gán id cho chú thích. :)
     
  3. inno14

    inno14 Lớp 7

    Đâu có gì khác đâu gas?? Chỉ cần thêm chap vào id thôi mà, ví dụ c11, c12..., c21,c22... còn cái chỉ số hiển thị muốn đánh số liên tục thì sau khi tạo xong liên kết mình dùng function auto number là nó oánh số lại cho mình trong 1 phát click chuột ngay, chạy ở chế độ selected file á, chọn các html nội dung chạy 1 lần, chọn html chú thích chạy 1 lần, function auto number ở cuối #2 ấy, không thì thay thành * hết khỏi số luôn :D
     
    Chỉnh sửa cuối: 6/4/18
    tran ngoc anh thích bài này.
  4. Gassie

    Gassie Sinh viên năm I

    @inno14 Ok đã hiểu. Trước giờ chạy function number cho 1 file. Đâu biết là chọn nhiều file làm một lần được. Hehe.... Cám ơn nhiều nhé.
     
  5. Gassie

    Gassie Sinh viên năm I

    @inno14 Ok đã hiểu. Trước giờ chạy function number cho 1 file. Đâu biết là chọn nhiều file làm một lần được. Hehe.... Cám ơn nhiều nhé.
     
  6. inno14

    inno14 Lớp 7

    Function mà có dòng này là sẽ chạy được group nhiều file theo tuần tự từ trên xuống nhé :D
    Mã:
    replace.file_order = 'spine'
     
    Gassie thích bài này.
  7. tran ngoc anh

    tran ngoc anh Cử nhân

    Auto number trước giờ em dùng plugin sigil nó chạy một cái rẹt, làm biếng lưu CT để xài lắm :D
     
  8. inno14

    inno14 Lớp 7

    Hihi, thuận cái nào thì dùng cái đó thôi, plug-in cũng hay mà, tội cái nó tù túng. Function chỉ lưu mỗi lần đầu tiên (cũng không khác gì thao tác cài plug-in) các lần sau chỉ gọi ra thôi mà, function ưu điểm là mình có thể tùy ý soạn thảo, muốn thêm thắt gì cũng trong tầm tay, còn viết plug-in thì ngoài tầm của đa số người dùng :D
     
  9. Gassie

    Gassie Sinh viên năm I

    Hì... vì mình không dùng Sigil, toàn làm bằng Calibre thôi ^^
     
    tran ngoc anh thích bài này.
  10. inno14

    inno14 Lớp 7

    Sẵn đang nói auto num mình lại nói tiếp, nó lợi hại lắm ấy, ví dụ: h*.png rẹt rẹt h1.png, h2.png... <body> rẹt rẹt <body class="b1">....bn :D
     
    Gassie thích bài này.
  11. tran ngoc anh

    tran ngoc anh Cử nhân

    Vâng anh, do mình tùy biến cả :)
     
  12. tran ngoc anh

    tran ngoc anh Cử nhân

    Mình thì vẫn chưa bỏ được sigil, vẫn luôn tìm cách đoạn tuyệt mà chưa được ^_^
     
  13. Gassie

    Gassie Sinh viên năm I

    À tại mình ngay từ đầu đã ôm em Calibre, chủ yếu để chuyển đổi định dạng sang azw3. Sau mới mày mò sửa lỗi, rồi mon men sang đóng gói.

    Ban đầu cũng có cài thêm Sigil, nhưng nghĩ tại sao không làm trực tiếp trên Calibre mà lại phải đóng bằng Sigil rồi lại bỏ vô Calibre để quản lý và chuyển định dạng? Thế nên mày mò học cách làm.

    Trước khi có topic hướng dẫn này của @inno14 thì mình cứ qua bên hướng dẫn làm bằng Sigil học trộm code Find-Replace đem về Calibre làm, cũng tương tự nhau thôi. Có điều Calibre không có nhiều các plug-in như Sigil, giờ có mấy cái Function của @inno14 shared thì khỏe rồi ^^
     
    inno14 and tran ngoc anh like this.
  14. inno14

    inno14 Lớp 7

    * Phần thêm 07-04-2018: Khống chế Dropcap bằng class và cú pháp loại trừ [^]
    1. Không phải chap nào cũng cần Dropcap
    ebook-edit_2018-04-07_14-51-37.png

    2. Do đó chúng ta sẽ xác định dropcap như ảnh:
    chrome_2018-04-07_14-52-43.png

    3. Chỉ gắn class="drop" cho các chap cần Dropcap với cú pháp loại trừ [^]:
    ebook-edit_2018-04-07_14-57-50.png
     
  15. inno14

    inno14 Lớp 7

    Phần thêm 22/4/2018: Một vài ứng dụng của lệnh Float trong việc tạo vùng nổi div.
    * Trong ví dụ này mình dùng lệnh float để tạo 2 vùng nổi đó là div.chapnum và div.english, các bạn xem ảnh và code bên dưới nhé, đây là ví dụ cơ bản, các bạn có thể tùy ý sáng tạo để phù hợp với mục đích cụ thể của mình. Đính kèm là epub mẫu.
    1. Cấu trúc html và kết quả:
    ebook-edit_2018-04-22_15-16-19.png

    2. Code css:
    Mã:
    h1 {
        font-size: 1.2em;
        text-align: left;
        line-height: 1.4;
        margin: 1em 0 2em 0.5em; /*top right bottom left: top 1em để chừa khoảng trống cho số chap trồi lên, left 0.5em để cạnh trái khung thụt vào 0.5em */
        padding: 0.2em 0.5em; /*top-bottom right-left: text sẽ cách khung: đỉnh đáy 0.2em, trái phải 0.5em*/
        text-transform: capitalize;
        border: 2px solid black;  /*đóng khung h1*/
    }
    p {
        text-align: justify;
        line-height:1.4;
        text-indent:4%;
        margin-top: 0;
        margin-bottom: 0;
        widows: 1;
        orphans: 1;
    }
    div.english {
        float: left; /*phần anh ngữ sẽ nằm bên trái*/
        margin: 0 0.5em 0 0; /*text bên ngoài div cách cạnh phải 0.5em*/
        padding: 0.5em 0.5em 4em 0; /*text bên trong div cách: đỉnh-0.5em cạnh phải-0.5em cạnh dưới-4em*/
        border-right: 2px solid black; /*chỉ đóng khung cạnh phải*/
        width: 50%; /*bề rộng div*/
    }
    div.vietnamese {
      padding: 0.5em 0 0 0; /*text bên trong div việt ngữ cách đỉnh 0.5em để cân với phần anh ngữ*/
    }
    /*phần xác định dropcap dùng chung cho cả song ngữ*/
    p.drop{
        text-indent: 0;
    }
    p.drop:first-letter {
        float:left;
        font-size: 2em;
        font-weight: bold;
        margin: -0.4em 0 -0.4em 0;
    }
    /*phần xác định số chap*/
    div.chapnum{
      float: left; /*số chap sẽ nổi ở bên trái*/
      margin: 0 0.5em 0 0; /*text ngoài div cách cạnh phải 0.5em*/
    }
    div.chapnum p{
      text-indent: 0;
      font-size:2em;
      font-weight: bold;
      background-color:black; /*xác định màu background cho số chap*/
      color:white; /*xác định màu chữ cho số chap*/
    padding: 0 0.5em; /*text trong p cách mép background trái-phải 0.5em*/
    }
     

    Các file đính kèm:

    Chỉnh sửa cuối: 22/4/18
  16. inno14

    inno14 Lớp 7

    Ảnh thực tế trên Lithium :)

    [​IMG]
     
  17. inno14

    inno14 Lớp 7

    * Phần thêm 02/05/2018: Sử dụng màu Gradient cho background và text
    1. Bảng mã màu Gradient mình tìm được trên mạng, khá đẹp :)
    bang mau gradient.jpg
    2. Code sử dụng cho background:
    Mã:
    background: linear-gradient(135deg, #CE9FFC, #7367F0); /*góc trộn, mã màu 1, mã màu 2*/
    3. Code sử dụng cho text:
    Mã:
      background: linear-gradient(135deg, #FDEB71, #F8D800);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    4. Ảnh minh họa của epub đính kèm trên Lithium:
    Screenshot_2018-05-02-17-16-02.png
     

    Các file đính kèm:

  18. Caruri Tlkd

    Caruri Tlkd Sinh viên năm II

    Cái này đẹp đấy, chỉ không thích mỗi cái
    text-transform: capitalize;
    biến tên chương thành chữ hoa như tên riêng.

    Ví dụ số chap 1, 2 thì cái đường chéo kẻ đẹp, nếu thành 10, 20 thì nó lệch, cái đường chéo kẻ lệch, vậy phải sửa css cho trường hợp đó để đường chéo giãn ra à inno?
     
    Chỉnh sửa cuối: 2/5/18
  19. inno14

    inno14 Lớp 7

    Hihi, cái đường chéo ấy em chưa thử chap >10 anh, nếu không thay đổi thông số mà nó ổn thì là ổn, còn nếu không ổn thì chéo ta cho nó thành ngang hoặc dọc tức góc trộn là 0 90 180, hihi theo em vẫn đẹp như thường á :D
     
    Caruri Tlkd thích bài này.
  20. inno14

    inno14 Lớp 7

    *Phần thêm 03/05/2018: Xoay div, đổ bóng
    1. Xoay div
    Mã:
      -webkit-transform: rotate(45deg);
    2. Đổ bóng cho div
    Mã:
    box-shadow: 5px 5px #7367F0;
    3. Ảnh minh họa epub đính kèm trên Lithium :D (anh @Caruri Tlkd ơi, set kiểu này thì dùng được chap từ 1 đến 3 chữ số nhé, anh có thể thử bằng Calibre :D)
    Screenshot_2018-05-03-09-53-53[1].png
     

    Các file đính kèm:

    Chỉnh sửa cuối: 3/5/18

Chia sẻ trang này