PC [CSS, HTML] Đảo ngược in nghiêng toàn trang

Discussion in 'Hướng dẫn chung' started by tran ngoc anh, Oct 19, 2022.

  1. tran ngoc anh

    tran ngoc anh Cử nhân

    Nếu ai cũng từng edit một cuốn sách nào mà có phần giới thiệu hay tóm tắt in nghiêng toàn tập và cảm thấy khó chịu như mình. Thì hãy tham khảo cách của mình dưới đây.

    Phần tóm tắt này họ in nghiêng toàn bộ, và rồi đến những từ hay cụm từ nào đó muốn nhấn mạnh hoặc gây chú ý thì họ lại in thắng đứng, tức là nó đảo ngược so với các nội dung bình thường là in thẳng đứng, những cụm từ nhấn mạnh hoặc chú ý thì mới cần in nghiêng.

    Điều này gây rối cho mắt đọc, đôi khi nhìn toàn một rừng nghiêng thì một vài cụm in thẳng khiến ta khó phân biệt hơn là bình thường. Nên mình đã thử tìm ra cách giải quyết bằng một đoạn css nhỏ gắn vào đầu html cần xử lý.

    [​IMG]

    Ảnh trên thể hiện nội dung gốc của được in nghiêng gây mất tập trung. Ảnh dưới là css đảo ngược lại định dạng, mình có tô màu để các bạn dễ nhìn hơn, chứ bình thường không có tô màu nha.

    Cách này cũng có thể áp dụng cho tô màu luôn. Có một số nội dung web mình thấy họ định dạng theo kiểu in thẳng đứng toàn bộ, những cụm tương đương in nghiêng trong sách in thì họ tô màu. Giờ chúng ta có thể tô màu cho toàn trang là đen, sau đó css vào đoạn in nghiêng thành màu ta chọn, và css cho in nghiêng cũng hiện in đứng luôn. Vẫn giữ nguyên các tag in nghiêng trong html gốc nhá.
     
  2. Nga Hoang

    Nga Hoang Lớp 12

    Kính gửi cô giáo @tran ngoc anh.

    Đọc được bài hướng dẫn này của cô giáo tôi mừng như bắt được của. Vì tủ sách của tôi cũng có nhiều epub có tình trạng trên.
    Nhưng...
    Đời không như là mơ. Sau khi áp dụng nhiều lần thất bại và không tìm ra lí do, tôi đầu hàng và gửi file epub in nghiêng cho người em nhờ giúp đỡ (không dám gửi cô giáo vì sợ làm phiền).
    Và phát hiện ra một điều kỳ lạ. Em tôi cũng mở bằng e-book viewer của Calibre thì thấy bình thường (không in nghiêng).
    Tôi thử mở bằng Adobe Digital Editions thì cũng thấy chữ in bình thường. Cô giáo xem đính kèm:

    upload_2022-10-20_12-26-34.png



    upload_2022-10-20_12-34-3.png

    Cô giáo có cách nào giải quyết được không? vì trình ADE ít tiện ích cho việc đọc sách quá. Thành thật cảm ơn cô giáo.
     
  3. tran ngoc anh

    tran ngoc anh Cử nhân

    Mình cũng có cuốn Suy Tưởng này, nhưng chắc không cũng định dạng. Hay là bạn gửi mình file đi, để mình cũng tổng quát luôn.
     
    Nga Hoang likes this.
  4. Nga Hoang

    Nga Hoang Lớp 12

    Gửi cô giáo.
     

    Attached Files:

  5. tran ngoc anh

    tran ngoc anh Cử nhân

    @Nga Hoang
    [​IMG]
    Mình vẫn chưa hiểu lắm. Mình mở file thấy hiện ổn mà nhỉ?

    Mình thấy code bên trong khá ổn. Nghi vấn là do phiên bản calibre viewer trên máy của bạn. Cài lại em ấy xem sao :D
     
    Last edited: Oct 21, 2022
  6. Nga Hoang

    Nga Hoang Lớp 12

    Cô giáo nói đúng, cài lại bản mới cập nhật 6.7 thì ổn rồi. Tuy nhiên vẫn thắc mắc tại sao với bản cũ chỉ có một vài file bị hiển thị chữ nghiêng, số còn lại thì hiển thị bình thường?
    Dù sao đi nữa bây giờ thì OK rồi.
    Đa tạ cô giáo, chúc cô giáo cuối tuần vui vẻ an nhiên.
     
    Last edited: Oct 22, 2022
    tran ngoc anh likes this.
  7. Nga Hoang

    Nga Hoang Lớp 12

    Hình như có điều gì không ổn. Sau khi cài bản mới tôi viết chữ ra màu xanh như trên, mặc dù đã sửa lại màu đen. Uninstall ra thì chữ đen trở lại bình thường.

    Rắc rối quạ.
     
  8. tran ngoc anh

    tran ngoc anh Cử nhân

    Nhấp vào đoạn chữ xanh sẽ hiện profile của bạn :D edit lại xóa liên kết là hết màu xanh ấy mà :)
     
  9. Dr. No

    Dr. No Không không thấy

    Bạn sửa như sau:
    Bấm Edit rồi bấm tiếp vào chỗ đánh dấu
    IMG_20221022_155042.jpg
    Sẽ ra chế độ code view.
    Rồi xóa hết những thẻ thừa (color, user) đi, lưu lại là xong.
    IMG_20221022_154907.jpg
    IMG_20221022_154928.jpg
     
  10. Nga Hoang

    Nga Hoang Lớp 12

    Chân thành cảm ơn @Dr. No. Mù IT nó khổ vậy đó.
     
  11. tran ngoc anh

    tran ngoc anh Cử nhân

    Mình cũng mù IT mà, đâu có được học IT đâu, từ lúc vào đây được các tiền bối dìu dắt thôi chứ có "IT" gì đâu (⁠●⁠_⁠_⁠●⁠)
     
    Nga Hoang and machine like this.

Share This Page