ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    HOW TWO THEME

    ลำดับตอนที่ #7 : Lesson 3.1 : ได้เวลาทำธีม + w +

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 1.17K
      0
      10 พ.ค. 56


    HOW TWO THEME
    @Dek-d 942323 ฮาวทูว์ทีม ฉบับ มึนกว่าใครในโลกใบนี้
    - ไม่ได้ไปก็อปฮาวทูใครมานะครับ ฉบับมึนๆแบบของตัวเองนี่ล่ะ -




    ได้เวลาทำธีมกันแล้ว +  w  + มามะ มาทำธีมกันเถอะ

    เข้าเรื่องซักที ผมรีบน่ะ 555555 เอาเป็นว่าจะพยายามอธิบายให้ได้มากที่สุดเท่าที่จะทำได้
    หวังว่าจะไม่เง็งกันไปซะก่อน สอนรวดเดียวทั้งหมดเลยละกัน // ปาดเหงื่อ..อากาศร้อนจริง 55

    เอาล่ะ เตรียมใจที่จะเง็งได้เลย ใครมีเเว่นใส่ หยิบมาด้วยนะครับ     +  w  +
    อันนี้คือโค้ดธีมทั้งหมดที่หามาได้ (ปาดเหงื่อ) ซึ่งกว่าจะรวบรวมมาได้นั้นก็ยากพอสมควรเลยล่ะครับ





    <style type="text/css">
    */ห้ามลบตรงนี้ออกเด็ดขาด โดย Room Theme
    เครดิตสำหรับโค้ด Theme4fun,พี่คีม,Mustachio(code)
    HELP ? }{ ID Theme 2.0,hightdot,HOWTWOTHEME*/ </style>
     
    <style type="text/css">
     
    .head1 h1 {  color:#โค้ดสี  !important;  }
    .head1 {  background:#โค้ดสี;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }
     
    .head2 font {  color:#โค้ดสี;  }
    .head2 {  background:#โค้ดสี;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }
    span.small_title {  color: #โค้ดสี;  }
     
     
    .tableBlack{  border-top:0px solid #ffffff;border-right:0px solid #ffffff;
    border-bottom:0px solid #ffffff;border-left:0px solid #ffffff;  }   </style>
     
    <style id="tantine" type="text/css">
    table>tbody>tr>td>font>table>tbody>tr>td[align="left"],
    img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #FFFFFF !important; } td[valign="middle"]>iframe { display:none }
    </style>
     
    <style type="text/css">
    a:link {  color:#โค้ดสี;  }
    a:visited {  color:#โค้ดสี;  }
    a:hover {  color:#โค้ดสี;
    background-color:#โค้ดสี;
    border-top: 1px dashed #โค้ดสี;
    border-bottom: 1px dashed #โค้ดสี;  }
    a:active {  color:#โค้ดสี;  }   </style>
     
    <style id="tantine" type="text/css">
    .head2>img,img[align="absbottom"]
    { display:none !important; }
    </style>
     
    <style type="text/css">
    ::selection{  background:#โค้ดสี; color:#โค้ดสี;  }
    ::-moz-selection{  background:#โค้ดสี; color:#โค้ดสี;  }
    ::-webkit-selection{  background:#โค้ดสี; color:#โค้ดสี;  }   </style>
     
    <style type="text/css">
    ::-webkit-scrollbar {  width:12px;height:12px;  }
    ::-webkit-scrollbar-track {  background-color:#โค้ดสี;  }
    ::-webkit-scrollbar-thumb {  border-radius:10px;
    background-color:#โค้ดสี; }   </style> 
     
    <style type="text/css">
    table {  background:#โค้ดสี;border:0px;  }
    td {  background:none;border:0px;  }
    body {  background: url(urlรูปภาพ);
    background-repeat:repeat;
    background-position:center;
    background-attachment:fixed  }
    hr {  visibility:hidden;  }      </style>
     
    <style type="text/css">
    td,th,div,body,li,ul,p {  color:#โค้ดสี!important;
    font-family:Tahoma;font-size:11px;  }
    td font {  color:#โค้ดสี!important;  }
    table.story {  border-color:#โค้ดสี;  } 
    span.desc_head {  font-weight: bold;
    color:#โค้ดสี;  }   </style>
     
    <style id="tantine" type="text/css">
    /*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/
    input,select,textarea { background: #โค้ดสีพื้น !important; color: #โค้ดสีตัวอักษร !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }
    </style>





    สีดำ คือ สามารถเปลี่ยนแปลงได้
    สีชมพู คือ ชนิดเส้น
    สีฟ้า คือ ขนาดเส้น
    สีแดงเข้ม คือ ห้ามเปลี่ยน,ลบ เด็ดขาด !!









    อธิบายส่วนต่างๆของโค้ด




    <style type="text/css">
    */ห้ามลบตรงนี้ออกเด็ดขาด โดย Room Theme
    เครดิตสำหรับโค้ด Theme4fun,พี่คีม,Mustachio(code)
    HELP ? }{ ID Theme 2.0,hightdot,HOWTWOTHEME*/ </style>

    สำหรับก้อนนี้ห้ามลบออกเด็ดขาดครับ เป็นเครดิตที่ใส่ไว้ให้บทความที่ผมไปเอาโค้ดมา
    ถ้าพบเห็นว่าใครเอาตรงนี้ออกมีเรื่องกับผมแน่


     


    .head1 h1 {  color:#สีฟ้อน  !important;  }
    .head1 {  background:#โค้ดสิ;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }

    .head2 font {  color:#สีฟ้อน;  }
    .head2 {  background:#โค้ดสี;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }
    span.small_title {  color: #โค้ดสี;  }

    h1 คือ ตรงที่เป็น ชื่อบทความ 
    h2 คือ ตรงนี้ > 
    span.small_title คือ สีฟ้อนตรงชื่อตอนของภาพด้านบน -..-
    โดยถ้าไม่อยากให้มีเส้นขอบล้อมรอบชื่อเรื่องของเราล่ะก็ เปลี่ยน 1 เป็น 0
    ส่วนชนิดของเส้นนั้นก็มีหลากหลาย ไปแฮ๊ฟของ ดร.ฟลู มานะครับ ขี้เกียจทำเอง 55

    โค้ดกรอบ แต่งhi5
    อยากให้เส้นมันออกมาเป็นแบบไหนก็ใส่ชื่อตามรูปด้านบน
















    table>tbody>tr>td>font>table>tbody>tr>td[align="left"],
    img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #FFFFFF !important; } td[valign="middle"]>iframe { display:none }


    ตรงนี้เพิ่มนิดนึง ตรงโค้ดสี FFFFFF << อันีน้คือตั้งสีขาวไว้เป็นค่าเริ่มต้นนะครับ
    เวลาโค้ดตรงนี้
    table {  background:#โค้ดสีพื้นตรงที่เขียนตัวอักษร;border:0px;  }
    เปลี่ยนเป็นโค้ดสีอะไร ก็ให้เปลี่ยนตามด้วยนะครับ

    ตัวอย่าง

    table>tbody>tr>td>font>table>tbody>tr>td[align="left"],
    img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #000000!important; } td[valign="middle"]>iframe { display:none }

    โค้ดตัวนี้ก็ต้องเป็น 000000 เช่นกัน

    table {  background:#000000;border:0px;  }








     
    <style type="text/css">
    a:link {  color:#โค้ดสีตัวอักษรที่เป็นลิ้ง;  }
    a:visited {  color:#สีตัวอักษรที่เป็นลิ้งที่เคยเข้าแล้ว;  }
    a:hover {  color:#สีตัวอักษรที่เป็นลิ้งขณะที่เอาเม้าชี้;
    background-color:#สีพื้นเวลาชี้ลิ้ง;
    border-top: 1px dashed #กรอบบนเวลาชี้ลิ้ง;
    border-bottom: 1px dashed #กรอบล่างเวลาชี้ลิ้ง;  }
    a:active {  color:#สีตัวอักษรลิ้งที่คลิกค้างอยู่;  }   </style>

    ขน่งขนาดอะไรนี่คือมาตรฐานแล้วนะฮับ ! ใครไม่อยากให้มีกรอบเวลาชี้ลิ้งก็เปลี่ยน 1px เป็น 0px
    ถ้าอยากให้มีเส้นกรอบทั้ง บน ล่าง ซ้าย ขวา ก็เพิ่มได้ครับ อย่างในตัวอย่างนี่มีเฉพาะบนกับล่าง
    ชนิดของกรอบไปดูด้านบนที่อธิบายไปแล้วนะครับ (งงไหมล่ะงงไหม - - ผมเขียนเองงงเองหว่ะ 555)









    <style type="text/css">
    ::selection{  background:#โค้ดสีพื้น; color:#โค้ดสีตัวอักษรที่คลุมดำทับ;  }
    ::-moz-selection{  background:#โค้ดสีพื้น; color:#โค้ดสีตัวอักษรที่คลุมดำทับ;  }
    ::-webkit-selection{  background:#โค้ดสีพื้น; color:#โค้ดสีตัวอักษรที่คลุมดำทับ;  }   </style>

    ตรงนี้เป็นส่วนของการคลุมดำ รู้สึกว่าจะแสดงผลในโครมอย่างเดียว...มั้ง
    แต่ที่รู้ๆคือ ใน IE จะไม่แสดงผลนะฮ๊าฟฟฟ













    <style type="text/css">
    ::-webkit-scrollbar {  width:12px;height:12px;  }
    ::-webkit-scrollbar-track {  background-color:#โค้ดสีพื้นแถบสกอบาร์;  }
    ::-webkit-scrollbar-thumb {  border-radius:10px;
    background-color:#โค้ดสีตัวสกอบาร์; }   </style>

    อันนี้คือสกอบาร์ที่แสดงผลในโครมอย่างเดียว
    ขนาดของสกอบาร์นี่เปลี่ยนได้ตามความต้องการครับ ถ้าอยากให้มันมองไม่เห็นเปลี่ยนเป็น 1 ทั้งสองอัน
    border-radius คือความโค้งมน ในที่นี่คือค่าความโค้งมนของตัวสกอบาร์ ถ้าปรับเป็น 0 ก็จะเป็นสกอบาร์สี่เหลี่ยม










    <style type="text/css">
    table {  background:#โค้ดสีพื้นตรงที่เขียนตัวอักษร;border:0px;  }
    td {  background:none;border:0px;  }
    body {  background:url(urlรูปภาพ);
    background-repeat:repeat;
    background-position:center;
    background-attachment:fixed  }
    hr {  visibility:hidden;  }      </style>

    ตรงนี้ส่วนของพื้นหลัง ที่มึนงงมากกกก ว้ากกกก (เอาหัวโขกกำแพง)
    ตรง td เป็นเกี่ยวกับเส้นกรอบ อยากเห็นมันก็ลองเปลี่ยนคำว่า none เป็นโค้ดสี และตรง 0px เป็น 1
    นอกนั้นลองไปเปลี่ยนเล่นๆเอาเองครับถ้าอยากรู้ พื้นฐานๆมีแค่นี้แหละตรงนี้ ฮาา
    วิธีการหา url รูปภาพ << คลิกเลย













    <style type="text/css">
    td,th,div,body,li,ul,p {  color:#โค้ดสีตัวอักษรทั้งหน้า!important;
    font-family:Tahoma;font-size:11px;  }
    td font {  color:#โค้ดสีตัวอักษรตรงเรทติ้ง คนเข้าชม!important;  }
    table.story {  border-color:#โค้ดสี;  } 
    span.desc_head {  font-weight: bold;
    color:#โค้ดสี;  }   </style>

    table.story กับ span.desc_head นี่เปลี่ยนตรง แนะนำเรื่องแบบย่อๆ กับ ข้อมูลเริ่มต้นของเรื่องนี้ ที่หน้าบทความ





     






    <style id="tantine" type="text/css">
    /*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/
    input,select,textarea { background: #โค้ดสีพื้น !important; color: #โค้ดสีตัวอักษร !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }
    </style>

    ตรงนี้คือเปลี่ยนสีปุ่มวิจารณ์บ้างตามชื่อ -..-
    อยากให้เส้นมันเป็นแบบไหน ดูได้ตามรูปด้านบนที่แปะไว้ฮับ





    โค้ดที่ไม่ได้อธิบายคือพวกโค้ดตกแต่งที่ไม่จำเป็นต้องเปลี่ยน
    ถ้าสนใจก็ไปลองเปลี่ยนมันเล่นดูก็ได้ครับ







    รับโค้ดทางเน้ !
    <style type="text/css">
    */ห้ามลบตรงนี้ออกเด็ดขาด โดย Room Theme
    เครดิตสำหรับโค้ด Theme4fun,พี่คีม,Mustachio(code)
    HELP ? }{ ID Theme 2.0,hightdot,HOWTWOTHEME*/ </style>
     
    <style type="text/css">
    .head1 h1 {  color:#โค้ดสี  !important;  }
    .head1 {  background:#โค้ดสี;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }
     
    .head1 h2  {  color:#โค้ดสี;  }
    .head2 {  background:#โค้ดสี;
    border-bottom:1px solid #โค้ดสี;
    border-top:1px solid #โค้ดสี;
    border-left:1px solid #โค้ดสี;
    border-right:1px solid #โค้ดสี;  }
    span.small_title {  color: #โค้ดสี;  }
     
     
    .tableBlack{  border-top:0px solid #ffffff;border-right:0px solid #ffffff;
    border-bottom:0px solid #ffffff;border-left:0px solid #ffffff;  }   </style>
     
    <style id="tantine" type="text/css">
    table>tbody>tr>td>font>table>tbody>tr>td[align="left"],
    img[src="/a/writer/pic/head_life.gif"],td>li { display:none !important; } td[align="right"] { background: #FFFFFF !important; } td[valign="middle"]>iframe { display:none }
    </style>
     
    <style type="text/css">
    a:link {  color:#โค้ดสี;  }
    a:visited {  color:#โค้ดสี;  }
    a:hover {  color:#โค้ดสี;
    background-color:#โค้ดสี;
    border-top: 1px dashed #โค้ดสี;
    border-bottom: 1px dashed #โค้ดสี;  }
    a:active {  color:#โค้ดสี;  }   </style>
     
    <style id="tantine" type="text/css">
    .head2>img,img[align="absbottom"]
    { display:none !important; }
    </style>
     
    <style type="text/css">
    ::selection{  background:#โค้ดสี; color:#โค้ดสี;  }
    ::-moz-selection{  background:#โค้ดสี; color:#โค้ดสี;  }
    ::-webkit-selection{  background:#โค้ดสี; color:#โค้ดสี;  }   </style>
     
    <style type="text/css">
    ::-webkit-scrollbar {  width:12px;height:12px;  }
    ::-webkit-scrollbar-track {  background-color:#โค้ดสี;  }
    ::-webkit-scrollbar-thumb {  border-radius:10px;
    background-color:#โค้ดสี; }   </style> 
     
    <style type="text/css">
    table {  background:#โค้ดสีพื้นที่เขียนตัวอักษร;border:0px;  }
    td {  background:none;border:0px;  }
    body {  background: url(urlรูปภาพ);
    background-repeat:repeat;
    background-position:center;
    background-attachment:fixed  }
    hr {  visibility:hidden;  }  </style>
     
    <style type="text/css">
    td,th,div,body,li,ul,p {  color:#โค้ดสี!important;
    font-family:Tahoma;font-size:11px;  }
    td font {  color:#โค้ดสี!important;  }
    table.story {  border-color:#โค้ดสี;  } 
    span.desc_head {  font-weight: bold;
    color:#โค้ดสี;  }   </style>
     
    <style id="tantine" type="text/css">
    /*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/
    input,select,textarea { background: #โค้ดสีพื้น !important; color: #โค้ดสีตัวอักษร !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }
    </style>



    อย่าลืมคอมเม้นนะฮ๊าฟฟฟ
    ถ้าเปิดร้านธีมก็อย่าลืมเอาเครดิต > คลิก < ไปแปะด้วยนะครับ



    อ้อ สำหรับธีมแบบขุ่นเจอกันตอนหน้า !








     

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×