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. vinaguy

    vinaguy Lớp 4

    Thanks bác. Để em thử xem nó ra như thế nào đã nghen
     
  2. tran ngoc anh

    tran ngoc anh Cử nhân

    @vinaguy file png cây trâm mình thấy nó được cắt bỏ nền rồi, nên là ok, còn lại file của bạn như nào thì mình chưa biết, hay là bạn đưa ảnh gốc mình xem thử.
     

    Các file đính kèm:

    vinaguy thích bài này.
  3. machine

    machine Lớp 6

    Thank you :D.
    Đã thử trên Sigil.
    Bỏ từ "Chương" đi cho khỏe.

    Find: <h1>(.*?)<br/>(.*?)</h1>
    Replace: <h1><span style="font-size: 125%">\1</span><br/><span style="font-size: 90%;">\2</span></h1>
    Mode: Regex
     
  4. vinaguy

    vinaguy Lớp 4

    Thanks bác. Em biết làm rồi. Giờ thì em đục nền mấy mấy luôn... Đưa đây em đào tất. :)
    Em sợ cuốn sách của bác phức tạp và có nhiều loại đề mục khác nhau, sợ chúng nó nhầm lẫn trong nhau, nên em giữ lại chữ "Chương" chứ nếu mà cuốn sách đơn giản thì em xén chữ "Chương" đó luôn cho phẻ... Tùy cơ ứng biến bác ạ :)
     
    tran ngoc anh thích bài này.
  5. tran ngoc anh

    tran ngoc anh Cử nhân

    Mình thấy không nên dùng inline style nhiều các bạn ơi :D
     
    machine thích bài này.
  6. vinaguy

    vinaguy Lớp 4

    Đây là em tát nước theo mưa của bác @machine thôi bác. Chứ em thì cứ css em quất :)
     
    machine thích bài này.
  7. tran ngoc anh

    tran ngoc anh Cử nhân

    Vừa phát hiện ra calibre editor cho phép các tag chế, ví dụ không có tag <u> tương ứng cho 2 gạch chân nên mình thử chế ra tag <double> ... Kết quả không hiển thị thị gì ^^

    Song khi mình định dạng css cho double :
    double {
    text-decoration-line: underline;
    text-decoration-style: double;
    }
    thì lại hiển thị được gạch chân 2 đường rất tốt :D

    Calibre hiển thị, reasily hiển thị, trình check book của calibre cũng không báo lỗi gì. không biết như vậy có ổn không.
     
    Chỉnh sửa cuối: 22/8/21
    Dr. No, RGBCD and vinaguy like this.
  8. vinaguy

    vinaguy Lớp 4

    Vụ này em phát hiện ra lâu rồi... do lúc em đi sửa sách cũ toàn gặp <div class="....."> nên lúc sửa nó cứ quên và phải tua lên tua xuống... sau đó em add đại vào tag thế là nó được. Tốc độ sửa nhanh hơn hẳn.
     
    tran ngoc anh thích bài này.
  9. tran ngoc anh

    tran ngoc anh Cử nhân

    Có thể tận dụng để định dạng thay vì dùng <span class=""> khá dài dòng, tuy nhiên vì là tag chế nên bắt buộc phải quy định style rõ ràng trong file css :D
     
    vinaguy thích bài này.
  10. vinaguy

    vinaguy Lớp 4

    Đúng rồi bác. Cứ khai báo cho nó cẩn thận đồng bộ là nó nhận lệnh hết. Nên các "chế" của ta cần chú ý tránh trùng với mặc định của nhà nó nhé... nếu không là app nó ngẩn tò te ra, không hiểu để hiển thị. Lỗi này sách cũ đóng trước đây lỗi nhiều lắm. Em mới tuốt lại cuốn Kho tàng truyện cổ tích Việt Nam cũng khá khá chỗ khai bị lặp lệnh nên nhiều chỗ lỗi hiển thị
     
    Dr. No and tran ngoc anh like this.
  11. tran ngoc anh

    tran ngoc anh Cử nhân

    Hàng cũ convert con vẹt nên chắc là toàn span với class ấy. Do phần mềm convert nó tự đặt dựa theo style từ prc hoặc docx chẳng hạn. Bọn mình hay gọi là "rác" nhìn rối mắt không chịu được.

    Bạn có dịp nên thử với pandoc, hôm nào mình sẽ có một bài TUT cho em nó. Em nó chuyên convert lọc sạch span class luôn.
     
    Dr. No thích bài này.
  12. chanhvan1987

    chanhvan1987 Lớp 9

    Cho mình hỏi chút, Convert từ prc về epub có bị "rác" nữa không @tran ngoc anh
    Hoặc có epub cũ convert lại epub pandoc có lọc rác đó hộ mình không bạn.
     
  13. vinaguy

    vinaguy Lớp 4

    Đã con vẹt thì kiểu gì cũng rác bác ạ. Cứ con vẹt xong rồi vào dọn... như vậy cũng nhanh hơn là tự dựng từ đầu chí cuối. Muốn dọn nhanh thì bác nắm vững regex là dọn khoảng 30 phút là sạch tinh tươm và về đúng format mà bác mong muốn
     
  14. vinaguy

    vinaguy Lớp 4

    Các bác cho em vài tiếng góp ý tình huống này với. Em làm thủ công thì được... nhưng cắt dán như vậy thì biết đời nào mới xong được ạ.
    Vấn đề như thế này:
    Hình gốc:
    8.jpg
    Hình của người ta đã xử lý (nhưng độ phân giải xấu quá) em muốn làm lại cả toàn bộ
    Khung.jpg
    Câu hỏi: Các bác cho em vài câu tư vấn giúp... làm sao đóng khung được cái hình mà vẫn giữ được cái đầu lòi ra khỏi khung như trên ạ?
    Nếu em làm thì em cắt dán thủ công. Mà làm như vậy thì cả đống hình, không biết xử lý tới bao giờ...
    Thanks các bác hỗ trợ.
     
  15. tran ngoc anh

    tran ngoc anh Cử nhân

    Pandoc lọc sạch rác hết luôn cả định dạng, nên là chỉ dùng pandoc để lấy text từ nguồn docx để làm nguyên liệu sạch để bắt đầu thiết kế.
     
    vinaguy thích bài này.
  16. tran ngoc anh

    tran ngoc anh Cử nhân

    @mr.black rất có khả năng sẽ giúp được trong trường hợp này vì bác ấy là cao thủ Photoshop ^^

    Edit: à quên, cả bác @1953snake nữa, giúp bạn ấy ca này một lời khuyên với ạ ^^
     
    vinaguy thích bài này.
  17. vinaguy

    vinaguy Lớp 4

    Bác đã gọi tên hai bác ấy rồi... Giờ em lót dép ngồi hóng. :)
     
  18. vinaguy

    vinaguy Lớp 4

    Vậy thì đừng dùng pandoc bác ơi. Cứ làm như Inno hướng dẫn đưa thẳng từ word vào cho nhanh. Chỉ cần mất mấy phút thôi. À mà quên... Còn phải làm title nữa nên cũng khá khá mất thời gian tí. Cứ convert thoải mái đi bác. Rồi vào lấy cái bộ regex Save Searches của anh em mình mà replace chỉ cần chưa đầy 30 phút là xong một cuốn đẹp đẽ, "sạch như chùi" luôn bác ạ
     
  19. tran ngoc anh

    tran ngoc anh Cử nhân

    Pandoc làm sạch trong 30s :D
     
    vinaguy thích bài này.
  20. tran ngoc anh

    tran ngoc anh Cử nhân

    mình đang có một ý tưởng dùng kết hợp Imagemagick tẩy nền cùng css lót màu viền cho ảnh, nhưng chưa mò được cái css, cái IM thì biết là nó tẩy nền được nhưng cũng phải nghiên cứu lại code chuyển cái đã.
     
    vinaguy thích bài này.

Chia sẻ trang này