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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #28 : ★ ID. DREAM ::: Love you

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


    ตัวอย่าง
     


    Code
    <head>
    <style type="text/css">
    <!--
    #Layer15 {
        position:absolute;
        left:965px;
        top:12px;
        width:32px;
        height:44px;
        ;
    }
    .style7 {
        font-family: "Century Gothic";
        color: #FF0066;
    }
    .style8 {color: #FF0066}
    -->
    </style>
    <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:0px;
        top:0px;
        width:400px;
        height:583px;
        ;   position:absolute;
        left:400px;
        top:1px;
        width:429px;
        height:839px;
        ;   background-color: #FFDDDD;
    }
    #Layer3 {
        position:absolute;
        left:403px;
        top:2px;
        width:424px;
        height:56px;
        ;   font-size: 60px;
        font-family: Impact;
    }
    .style2 {color: #FF0000}
    .style3 {color: #000000}
    #Layer4 {
        position:absolute;
        left:404px;
        top:96px;
        width:163px;
        height:23px;
        ;   position:absolute;
        left:402px;
        top:81px;
        width:424px;
        height:1px;
        ;   background-color: #000000;
    }
    #Layer6 {
        position:absolute;
        left:404px;
        top:136px;
        width:92px;
        height:102px;
        ;   position:absolute;
        left:509px;
        top:135px;
        width:312px;
        height:200px;
        ;   position:absolute;
        left:408px;
        top:510px;
        width:165px;
        height:20px;
        ;   position:absolute;
        left:409px;
        top:543px;
        width:262px;
        height:129px;
        {
        position:absolute;
        left:407px;
        top:721px;
        width:406px;
        height:105px;
        ;
    }
    #Layer11 {
        position:absolute;
        left:830px;
        top:135px;
        width:162px;
        height:184px;
        ;
        background-color: #FFDDDD;
    }
    body {
        background-image: url(temp_picture_1208868929_764_love_background_16.jpg);
    }
    .style5 {color: #FF8080; }
    .style6 {font-family: Impact; font-size: 24px; color: #FF0080; }
    #Layer12 {
        position:absolute;
        left:837px;
        top:140px;
        width:148px;
        height:172px;
        ;
        background-color: #FFB3B3;
    }
    #Layer13 {
        position:absolute;
        left:836px;
        top:273px;
        width:146px;
        height:14px;
        ;
    }
    -->
    </style>
    </head>

    <body>
    <div id="Layer1"><img id="zoomed-in-image" ondragstart="if (navigator.cpuClass)return false" alt="s" src="http://fc00.deviantart.net/fs51/i/2009/261/d/0/__by_roxanneross.jpg" collect_fullview="137408537" width="400" height="840" /></div>
    <div id="Layer2"></div>
    <div id="Layer3">
      <div align="center"><span class="style1"><span class="style3">I</span> <span class="style2">&hearts;</span> <span class="style3">YOU</span> </span></div>
    </div>
    <div class="style6" id="Layer4">WHAT'S UP </div>
    <div id="Layer5"></div>
    <div id="Layer6"><img alt="http://img.slidetoplay.com/game-icons/100/new-york-nights-success-in-the-city.jpg" src="http://img.slidetoplay.com/game-icons/100/new-york-nights-success-in-the-city.jpg" /></div>
    <div class="style5" id="Layer7">One of New York City's most breathtaking and celebrated attractions, Central Park is a must-see for anyone visiting the five boroughs. Whether   experienced during a fresh snowfall in the winter, the spectacular   floral blossoms in spring, the steamy days of summer or the gorgeous,   leaf-turning months of fall, Central Park is a sight to behold. Designed   by Frederick Law Olmsted and Calvert Vaux between 1858 and 1873 and   currently maintained by the Central Park Conservancy, the 843-acre park   is an urban oasis of trees, gardens, rolling meadows, arches,   sculptures, statues and vistas. The range of outdoor activities you can   enjoy there is seemingly endless, from hiking, biking and ice-skating to   simply lounging on a picnic blanket and listening to a live concert. To   help you narrow down your choices, on the following pages we've   gathered together some of the most popular attractions. </div>
    <div class="style6" id="Layer8">ABOUT ME </div>
    <div id="Layer9"><span class="style5"><img src="http://cms.nycgo.com/uploadedImages/devnycvisitcom/venue/TimesSq_V4_460x285.jpg" alt="http://cms.nycgo.com/uploadedImages/devnycvisitcom/venue/TimesSq_V4_460x285.jpg" width="404" height="176" /></span></div>
    <div class="style5" id="Layer10">Not sure where to look while walking through world-famous Times Square?   Don't worry, you're not alone. The expansive stretch is a feast for all   five senses&mdash;including massive digital advertisements that make Las Vegas   pale in comparison, star-studded Broadway shows, people </div>
    <div id="Layer11"></div>
    <div id="Layer12">
      <div align="center" class="style7">
        <p><A HREF="???? URL ??????????????" class="style7">Link<br />
        </A><A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br />
        <A HREF="???? URL ??????????????" class="style8">Link</A><br>
        <br>
        </p>
      </div>
    </div>
    <div id="Layer14"><a href="http://writer.dek-d.com/thepata2/writer/view.php?id=656572"><img src="http://i1191.photobucket.com/albums/z471/thepata2/bgBlk-1.jpg" border="0" alt="Photobucket"></a></div>
    </body>
    </html>

    <style type="text/css">
    img { filter: alpha(opacity=100); opacity:1.0; }
    img:hover { filter: alpha(opacity=70); opacity:.7; }
    #Layer14 {
        position:absolute;
        left:0;
        top:0;
        width:102px;
        height:21px;
        ;
    }
    </style>
    <style>
    a:hover { color:#FFFFFF;
    text-decoration:none; background: #FF1493;}
    </style>

    <style type="text/css">
    a:hover { letter-spacing: 2px; }
    </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/temp_picture_1208868929_764_love_background_16.gif);
    background-attachment: fixed;
    background-repeat: repeat;

     </style>





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

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



    search-
    free theme . howto } rhythm

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

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

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

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

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

    ความคิดเห็น

    ×