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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    •• ส่วนตัว I ••

    ลำดับตอนที่ #35 : ••Tipz1•• สอนทำธีมบทความ

    • อัปเดตล่าสุด 3 ก.ค. 53


    •♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥•♥

    สำหรับ คนที่ต้องการจะทำธีมด้วยตัวเองจริงๆนะคะ

    ต้องศึกษากันนานนิด หนึ่ง

    ต้องมีความรู้พื้นฐานเรื่องโค้ดอยู่ด้วยนะคะ ถึงจะได้ไม่งงมากนัก

    แต่ใครที่ขี้เกียจก็หาตามบทความนี้ก็ได้ค่ะ



    ◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•◘♣•



    จะ อธิบาย เป็นส่วนๆไปนะคะ

    .head1 { background: ffe36e; } >>> เป็นสีของชื่อเรื่องค่ะ
    .head2 {   background: ffbe8f; } >>> เป็นสีของหัวเรื่องย่อยค่ะ
    table.story {  border-color:ffffff; }
    span.desc_head {font-weight: bold;  color: #e4dc31; } >>> เป็นสีตัวอักษรคำว่าแนะนำเรื่องแบบย่อๆ



    BODY {
    scrollbar-face-color:ff99a2;
    scrollbar-shadow-color: ff99a2;  
    scrollbar-highlight-color:ff99a2;
    scrollbar-3dlight-color:f2e7bc;
    scrollbar-darkshadow-color:f2e7bc;
    scrollbar-track-color: f2e7bc;
    scrollbar-arrow-color: ffffff
    }
    ตรงสีเทาใส่โค้ดสีลงไปค่ะ


    รูปนี้เป็นส่วน ประกอบของscollbarนะคะ

    ตรง ที่เป็นไฮไลท์สีส้มนะคะที่แสดงส่วนประกอบ







    table {background:f7efcc;border:none}  >>> สีเส้นตาราง

    td {background:f7efcc;
    border:none;}
     
    >>> สีบีจีของคำอธิบย ตอนต่างๆของบทความ คอมเมนต์



    A:hover {
    color: ffe26a; >>> สีอักษรตอนลิงค์
    background:f7c88b; >>> สีพื้นหลังตอนลิงค์
    border-bottom: 2px dotted  #ff6d7a; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านล่าง)
    border-top: 1px solid #ff6d7a; >>> สีของกรอบ รวมถึงลักษณะและความหนา (อันนี้ด้านบน)
    }
    A:active {color: #ff6d7a;} >>
    > สีตอนกดลิงค์
    ลักษณะของเส้น เลื่อนลงมาก็จะมีให้จ้ะ



    body {background-image: url(http://diary.yenta4.com/diary_folder/104131/104131_uploaded/bg/orange6.gif);
    background-repeat:repeat;
    background-position: center;
    background-attachment:fixed}
    >>> urlของบีจี



     BODY { BORDER-RIGHT: #dbbd42  14px ridge
    BORDER-TOP: #ffea94   14px   ridge;  
    BORDER-LEFT: #ffea94 14px ridge
    BORDER-BOTTOM: #dbbd42 14px ridge  }
     

    ข้างล่างประโยคนี้นี้เป็น ลักษณะเส้นนะจ๊ะ

    2px solid 2px dotted
    2px dashed
    2px ridge
    2px groove
    2px outset
    2px inset 5px double


    ใส่โค้ดสีของกรอบค่ะ

    ใส่ความหนา ของกรอบค่ะ

    ใส่ลักษณะ เส้น ดูจากข้างบน



       <style type="text/css">

        BODY{
               color: #ff9495; >>> สีของลิงค์
               font-family: Tahoma;
               font-size: 12pt;
       }
               a:link {text-decoration:none; color:#ff9495; } >>>สีของลิงค์
               a:visited {text-decoration:none; color: #ff9495; }  >>> สีของลิงค์ที่เข้าชมแล้ว
               a:active {text-decoration:none; color:#ff9495; }  >>> สีตอนกดลิงค์
    </style>

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

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

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

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

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

    ความคิดเห็น

    ×