THE ORA ♔ THEME V.2

  • 98% Rating

  • 23 Vote(s)

  • 35,174 Views

  • 1,829 Comments

  • 1,337 Favorites

แชร์นิยายเรื่องนี้

  • Month Views
    517

    Overall
    35,174

ตอนที่ 1 : All The Theme!! {สารบัญธีม/เกี่ยวกับโค้ด}

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 8306
    จำนวนคนให้กำลังใจ : 30 ครั้ง
    7 ม.ค. 62



#อนุญาติให้ปรับเปลี่ยน
เฉพาะขนาดของตัวอักษรเท่านั้น หากไม่มีความจำเป็น
" ไม่ควรเปลี่ยนแปลงหรือดัดแปลงโค้ดธีม "
 เพราะอาจจะทำให้ โค้ดเสียหาย ได้หรือเป็นการละเมิดลิขสิทธิ์น่ะค่ะและ
เพื่อเป็นการให้เกียรติเจ้าของธีม กรุณาอย่าปรับเปลี่ยนโค้ดหรือดัดแปลงใดๆทั้งสิ้น

ปล.หากต้องการเปลี่ยนแปลงกรุณาแจ้งด้วยค่ะ



#กรณีใส่โค้ดแล้วธีมไม่ขึ้นหรือขึ้นไม่เหมือนในตัวอย่าง คลิ๊ก!!

!! ชื่อเฮดล้น ไม่สวย แบบภาพด้านล่าง ทำไงดี คลิ๊กตามมาจ้า!!                                        



   


*บัธี*

#ตอนไหนมีคำว่า animation เป็นภาพเคลื่อไหวอลังเว่อ#

         
                               คลิกดูภาพใหญ่ animation                                                คลิกดูภาพใหญ่ 

        
                              คลิกดูภาพใหญ่                                                                 คลิกดูภาพใหญ่

    
                         คลิกดูภาพใหญ่ animation                                          คลิกดูภาพใหญ่

        
คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่

        
                         คลิกดูภาพใหญ่ animation                                          คลิกดูภาพใหญ่

        
                         คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่ animation

        
                         คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่

          
                        คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่

        
                         คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่

        
                         คลิกดูภาพใหญ่  animation                                         คลิกดูภาพใหญ่

        
                         คลิกดูภาพใหญ่                                                        คลิกดูภาพใหญ่

         
                          คลิกดูภาพใหญ่  animation                                       คลิกดูภาพใหญ่

                                                คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่   animetion
         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

         
                              คลิกดูภาพใหญ่                                                               คลิกดูภาพใหญ่

                              คลิกดูภาพใหญ่



....orthers coming soon...



(กรณีใส่โค้ดแล้วธีมไม่ขึ้นหรือขึ้นไม่เหมือนในตัวอย่าง)

อย่ามัวรีรอ ไปดูกันเลย >>>>>>>.....!!!


ขั้นตอนที่ 1 



ขั้นตอนที่ 2



ขั้นตอนที่ 3









(ปรับเพื่อให้เกิดความสวยงาม ส่วนตรงอื่นๆขอความกรุณา
อย่าไปแก้ไขอะไรมันเลยนะคะ)

     ปัญหาที่ชื่อตอนยาวมากจนล้นเฮดหรือหัวข้ออกมาแล้วดูไม่สวยจะให้ตั้งชื่อให้สั้นก็ยากที่จะทำ ดังนั้นเราจะมาใช้วิธีการปรับตัวอักษรของชื่อเรื่องให้เล็กลงเพื่อจะได้เกิดความสวยงาม จะเป็นยังไงมาดูกัน

Before





ขั้นตอนที่ 1 เปิดหน้าบทความหรือตอนที่ต้องการปรับ(ใส่โค้ดธีมแล้ว)แล้วเข้าไปที่ HTML จะพบว่ามีโค้ดอยู่มากมายจนลายตา จากนั้นให้กด Ctrl+F จะมีกล่องสีเหลี่ยมเด้งขึ้นมาดังภาพ



ขั้นตอนที่ 2 พิมพ์คำว่า p#big_text ลงไปในช่องสี่เหลี่ยมแล้วจะมีโค้ดที่ถูกไฮไลด์เอาไว้ 2 ตัวตามภาพให้เลือกดูอันที่อยู่ด้านบนสุดหรือที่วงเอาไว้ แล้วมาดูตามข้อต่อไป คลิกเพื่อดูภาพใหญ่



ขั้นตอนที่ 3 หลังจากหาหัวข้อตามช่องสี่เหลี่ยมได้แล้วให้มองหาคำว่า 
font-size:32px!important; ตามช่องสี่เหลี่ยมสีเหลืองที่วงไว้ และทำการปรับขนาดอักษรโดยการเปลี่ยนเลข 32 ให้เป็นตัวเลขอื่นๆที่น้อยกว่าจนกว่าจะพอดีกับเฮดของเรา อย่างของแป้งเองแป้งปรับเป็น 25 ลดไปถึง 10 เลยทีเดียว และจะได้หัวข้อของบทความที่ดูสวยงามมากยิ่งขึ้นตามภาพด้านล่างสุดเลยจ้า คลิกเพื่อดูภาพใหญ่



AFTER




 



 
ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 30 ครั้ง

39 ความคิดเห็น

  1. #1813 ลาสไนท์ (@maylisa1142) (จากตอนที่ 1)
    วันที่ 10 พฤษภาคม 2562 / 18:35

    ขออนุญาตนำไปใช้นะคะ

    #1813
    0
  2. #1729 yokyuni (@yokyuni) (จากตอนที่ 1)
    วันที่ 19 มีนาคม 2562 / 12:05

    ไรต์ๆ งงอย่างนึงง ทำไมใส่ใน html ของตอนนิยายไม่ได้อ่ะ

    #1729
    2
    • #1729-1 Lit-chip. (@llovetaetae029) (จากตอนที่ 1)
      20 มีนาคม 2562 / 15:12
      ตอนไหนค่ะ
      #1729-1
    • #1729-2 Lit-chip. (@llovetaetae029) (จากตอนที่ 1)
      20 มีนาคม 2562 / 15:24
      ยังไงแจ้งตอนของธีมที่นำไปใช้ด้วยนะคะ
      #1729-2
  3. #1637 EvilSakura_ (@pinkkiemilk) (จากตอนที่ 1)
    วันที่ 26 ธันวาคม 2561 / 13:46

    ขออนุญาตินำไปใช้นะคะ


    #1637
    0
  4. #1510 FreeDomWings (@FreeDomWings) (จากตอนที่ 1)
    วันที่ 20 กรกฎาคม 2561 / 16:46

    ขออนุญาตนำธีมไปใช้หน่อยนะครับ แล้วจะให้เครดิตอย่างแน่นอน ขอบคุณล่วงหน้านะครับ

    #1510
    0
  5. #1440 Its hurt (@ILIKEPASTEL) (จากตอนที่ 1)
    วันที่ 26 เมษายน 2561 / 16:54
    <p>สวยมากกกกกก ยืมนะคะ &lt;3</p>
    #1440
    0
  6. #1435 `μτsυ Σ (@CharMingLoVer) (จากตอนที่ 1)
    วันที่ 21 เมษายน 2561 / 17:49
    ขอยืมค่าาาาาาา
    #1435
    0
  7. #1320 puppykiss2 (@PuppyKiss) (จากตอนที่ 1)
    วันที่ 15 ตุลาคม 2560 / 09:48
    ยืมน่ะคะ

    #1320
    0
  8. #1292 wiimii (@wimmmm) (จากตอนที่ 1)
    วันที่ 26 กันยายน 2560 / 17:27
    ขอบคุณค้าาา ขออนุญาตินะค้าาาา ><
    #1292
    0
  9. #1276 Just-like-frie (@Just-like-frie) (จากตอนที่ 1)
    วันที่ 24 สิงหาคม 2560 / 20:35
    ขอยืมน่ะค่ะ

    #1276
    0
  10. #1123 Kantong Chawika (@KantongChawika) (จากตอนที่ 1)
    วันที่ 4 เมษายน 2560 / 17:47
    ขอบคุณนะคร้าาาาา
    #1123
    0
  11. #1121 ningbam (@ningbam) (จากตอนที่ 1)
    วันที่ 31 มีนาคม 2560 / 22:51
    ขอยืมนะค้า ขอบคุนค่าาา>////<
    #1121
    0
  12. #1120 ningbam (@ningbam) (จากตอนที่ 1)
    วันที่ 31 มีนาคม 2560 / 22:51
    ขอยืมนะค้า ขอบคุนค่าาา>////<
    #1120
    0
  13. #1119 ningbam (@ningbam) (จากตอนที่ 1)
    วันที่ 31 มีนาคม 2560 / 22:51
    ขอยืมนะค้า ขอบคุนค่าาา>////<
    #1119
    0
  14. #999 OMMS (@OMMS) (จากตอนที่ 1)
    วันที่ 24 ธันวาคม 2559 / 20:50
    ยืมนะค่ะ ^^  ขอบคุณค่ะ
    #999
    0
  15. #909 pnattz (@soRz_ake) (จากตอนที่ 1)
    วันที่ 3 กันยายน 2559 / 20:42
    ยืมนะคะ ขอบคุณมากค่า
    #909
    0
  16. #877 NAMAXX (@mhoningchalita) (จากตอนที่ 1)
    วันที่ 21 กรกฎาคม 2559 / 13:50
    ยืมหน่อยค่าาาาาาาาาาาา
    #877
    0
  17. #791 Know name' Spin♔ (@Lolipop001) (จากตอนที่ 1)
    วันที่ 29 มีนาคม 2559 / 14:50
    ยืมค่าาาา
    #791
    0
  18. #765 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:25
    ยืมง้าบบบบบบ
    #765
    0
  19. #764 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:25
    ยืมง้าบบบบบบ
    #764
    0
  20. #763 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:25
    ยืมง้าบบบบบบ
    #763
    0
  21. #762 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:25
    ยืมง้าบบบบบบ
    #762
    0
  22. #761 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:24
    ยืมง้าบบบบบบ
    #761
    0
  23. #760 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:24
    ยืมง้าบบบบบบ
    #760
    0
  24. #759 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:24
    ยืมง้าบบบบบบ
    #759
    0
  25. #758 DEER.BRP (@SWEETYZ_HHCB) (จากตอนที่ 1)
    วันที่ 27 กุมภาพันธ์ 2559 / 13:24
    ยืมง้าบบบบบบ
    #758
    0