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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ★Free ID.★ ID. DREAM [Close]

    ลำดับตอนที่ #29 : ★ ID. DREAM ::: For Fun

    • อัปเดตล่าสุด 10 ธ.ค. 53


    ตัวอย่าง
     

    Code


    <head>
    <head>
    <title>.</title>
    <style type="text/css">
    <!--
    a:link {
       text-decoration: none;
    }
    a:visited {
       text-decoration: none;
    }
    a:hover {
       text-decoration: none;
    }
    a:active {
       text-decoration: none;
    }
    -->
    </style></head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #Layer1 {
        position:absolute;
        left:218px;
        top:0px;
        width:751px;
        height:42px;
        ;   background-color: #2C2C16;
        overflow: auto;
    }
    #Layer3 {
        position:absolute;
        left:217px;
        top:228px;
        width:783px;
        height:67px;
        ;   position:absolute;
        left:201px;
        top:301px;
        width:803px;
        height:287px;
        ;   background-color: #3E3E00;
    }
    #Layer4 {
        position:absolute;
        left:201px;
        top:603px;
        width:803px;
        height:179px;
        ;   background-color: #3E3E00;
    }
    body {
        background-image: url(ollyBG.gif);
    }
    .style2 {font-size: 80px}
    .style3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #666600;
    }
    .style4 {font-family: Arial, Helvetica, sans-serif}
    .style6 {color: #336666}
    .style7 {color: #993333}
    #Layer2 {
        position:absolute;
        left:249px;
        top:228px;
        width:737px;
        height:65px;
        ;   position:absolute;
        left:255px;
        top:9px;
        width:109px;
        height:25px;
        ;   position:absolute;
        left:373px;
        top:9px;
        width:109px;
        height:25px;
        ;   position:absolute;
        left:490px;
        top:9px;
        width:109px;
        height:25px;
        ;   position:absolute;
        left:606px;
        top:9px;
        width:109px;
        height:25px;
        ;   position:absolute;
        left:721px;
        top:9px;
        width:109px;
        height:25px;
        ;
    }
    #Layer10 {
        position:absolute;
        left:837px;
        top:9px;
        width:109px;
        height:24px;
        ;
    }
    #Layer11 {
        position:absolute;
        left:950px;
        top:5px;
        width:42px;
        height:37px;
        ;
    }
    #Layer12 {
        position:absolute;
        left:214px;
        top:322px;
        width:304px;
        height:218px;
        ;
    }
    #Layer13 {
        position:absolute;
        left:546px;
        top:323px;
        width:449px;
        height:259px;
        ;
    }
    .style9 {font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #17170B;}
    #Layer14 {
        position:absolute;
        left:207px;
        top:611px;
        width:55px;
        height:35px;
        ;
    }
    .style11 {font-size: 30px; font-family: "Century Gothic";}
    #Layer15 {
        position:absolute;
        left:322px;
        top:650px;
        width:671px;
        height:124px;
        ;
    }
    .style12 {
        color: #99CC66;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
    }
    -->
    </style>
    </head>

    <body>
    <div id="Layer1"></div>
    <div id="Layer3"></div>
    <div id="Layer3"></div>
    <div id="Layer4"></div>
    <div id="Layer2">
      <div align="center"><span class="style2"><span class="style3">Disnyland</span> <span class="style4"><span class="style7">For</span> <span class="style6">Fun</span></span></span></div>
    </div>
    <div id="Layer5">
      <div align="center"><span class="style12 style14 style13"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </span></div>
    </div>
    <div id="Layer6">
      <div align="center"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </div>
    </div>
    <div id="Layer7">
      <div align="center"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </div>
    </div>
    <div id="Layer8">
      <div align="center"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </div>
    </div>
    <div id="Layer9">
      <div align="center"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </div>
    </div>
    <div id="Layer10">
      <div align="center"><A HREF="ชื่อ URL ที่ต้องการจะไป" class="style12">LINK</A> </div>
    </div>
    <div id="Layer12"><img src="http://www.nanmeebooks.com/webboard/uploadWebboard/harrypotter6_6.jpg" alt="http://www.nanmeebooks.com/webboard/uploadWebboard/harrypotter6_6.jpg" width="324" height="235" /></div>
    <div id="Layer13">
      <div align="left" class="style9 style13">While there has been a lot of talk lately about possible future   attractions under development at Universal, there is one big fish in   particular out there that the Hollywood park is just dying to get their   hands on.  The runaway success of the Wizarding World of Harry Potter in   Florida has many Hollywood execs convinced that getting their own   version of the Potterverse in Hollywood would be akin to finding the   Holy Grail. Normally the big question for Universal Hollywood is trying   to determine just where they could put it, given their extreme lack of   space. However, with the huge profit margins on record for the Florida   version, the question isn&rsquo;t so much where to put it, but rather what to   demolish to make room for it. With those kinds of numbers.</div>
    </div>
    <div class="style11" id="Layer14">ME</div>
    <div id="Layer15"><span class="style9"><em>Attendance at the two-park resort soared a staggering 36 percent in   the third quarter, climbing by 1 million visitors, from 2.7 million in   2009 to 3.7 million this year. <br />
    The results showed Universal is   reaping a financial windfall from Wizarding World, the $200-plus million   collection of rides, shops and eateries that has drawn enormous crowds   to the resort since opening in June. </em></span></div>
    <div id="Layer16"><img alt="http://pics.livejournal.com/hoshiko_2000/pic/000gwawc" src="http://pics.livejournal.com/hoshiko_2000/pic/000gwawc" /></div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>
    <style type="text/css">
    img { filter: alpha(opacity=100); opacity:1.0; }
    img:hover { filter: alpha(opacity=70); opacity:.7; }
    #Layer16 {
        position:absolute;
        left:209px;
        top:659px;
        width:108px;
        height:95px;
        ;
    }
    </style>
    <style>
    a:hover { color:#008B45;
    text-decoration:none; background:#9AFF9A;}
    </style>
    <style type="text/css">
    a:hover { position: relative; top: 1px; left:1px; }
    </style>
    <style type="text/css">
    <!--
    body {background-image: url(http://i1191.photobucket.com/albums/z471/thepata2/ollyBG.gif);
    background-attachment: fixed;
    background-repeat: repeat;

     </style>






    โค้ดพวกนี้ต้องนำไปทำในDreamweaverก่อนนะครับ
    วิธีต่างๆ
    Click

    ฝากแจกจ่ายหน่อยนะครับ
     แจก ไอดีดรีม!!!!

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

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

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

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

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

    ความคิดเห็น

    ×