★Free ID.★ ID. DREAM [Close]

ลำดับตอนที่ #30 : ★ ID. DREAM ::: semi

ตัวอย่าง
 



Code
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:99px;
    top:0;
    width:118px;
    height:515px;
    ;   background-color: #FF9933;
}
#Layer2 {
    position:absolute;
    left:288px;
    top:90px;
    width:76px;
    height:23px;
    ;   position:absolute;
    left:242px;
    top:0px;
    width:758px;
    height:653px;
    ;   background-color: #EAE1C0;
}
body {
    background-image: url(106100032.jpg);
}
#Layer4 {
    position:absolute;
    left:280px;
    top:4px;
    width:284px;
    height:114px;
    ;   position:absolute;
    left:251px;
    top:3px;
    width:396px;
    height:55px;
    ;   font-size: 50px;
    font-family: Impact, "Kristen ITC";
}
#Layer6 {
    position:absolute;
    left:254px;
    top:76px;
    width:685px;
    height:374px;
    ;   position:absolute;
    left:251px;
    top:71px;
    width:103px;
    height:21px;
    ;   position:absolute;
    left:255px;
    top:74px;
    width:43px;
    height:23px;
    ;   position:absolute;
    left:657px;
    top:7px;
    width:322px;
    height:433px;
    {
    position:absolute;
    left:251px;
    top:104px;
    width:386px;
    height:328px;
    ;   font-family: Impact, "Kristen ITC";
    font-size: 18px;
}
.style8 {
    font-family: Impact, "Kristen ITC";
    font-size: 24px;
    color: #CCFF00;
}
.style9 {font-family: Impact, "Kristen ITC"; font-size: 24px; color: #FF0033; }
.style10 {
    color: #00FF33;
    font-size: 24px;
    font-family: Impact, "Kristen ITC";
}
.style12 {
    font-size: 16px;
    color: #000000;
}
.style13 {color: #0066CC}
#Layer11 {
    position:absolute;
    left:247px;
    top:472px;
    width:207px;
    height:30px;
    {
    font-family: Impact, "Kristen ITC";
    font-size: 24px;
}
#Layer12 {
    position:absolute;
    left:251px;
    top:502px;
    width:253px;
    height:107px;
    {
    position:absolute;
    left:660px;
    top:494px;
    width:214px;
    height:36px;
    {font-family: Impact, "Kristen ITC"; font-size: 24px; color: #6633CC; }
#Layer14 {
    position:absolute;
    left:662px;
    top:533px;
    width:212px;
    height:77px;
    ;
}
.style16 {font-family: "Century Gothic"}
#Layer15 {
    position:absolute;
    left:601px;
    top:106px;
    width:0px;
    height:115px;
    ;
}
#Layer16 {
    position:absolute;
    left:572px;
    top:104px;
    width:77px;
    height:177px;
    ;
}
#Layer17 {
    position:absolute;
    left:585px;
    top:472px;
    width:52px;
    height:161px;
    ;
}
#Layer18 {
    position:absolute;
    width:200px;
    height:132px;
    ;
    left: 248px;
    top: 60px;
}
-->
</style>
<div id="Layer3"></div>
<div class="style6" id="Layer5">WELCOME TO MY ID. </div>
<div id="Layer7">
  <select name="select" size="1">
    <option selected>MENU</option>
    <option>HOME</option>
    <option>ADD</option>
    <option>QMSG</option>
    <option>WRITER</option>
    <option>SECERT MSG</option>
    <option>GIFT</option>
    <option>ZIP ME</option>
  </select>
</div>
<div class="style10" id="Layer9">
  <p class="style13">TALK</p>
  <p><span class="style12">Hey, Nice to meet you. How are you </span></p>
  <p>&nbsp;</p>
</div>
<div id="Layer10">
  <p class="style8">ABOUT ME</p>
  <p class="style7">NAME :<br>
    AGE :<br>
    WRITER :<br>
    LIKE :    <br>
    DISLIKE :         <br>
  OTHER :<br />
  </p>
  <p class="style9">MY ID. <br />
  </p>
</div>

<div class="style14" id="Layer11">MUSIC</div>
<div id="Layer12"></div>
<div class="style15" id="Layer13">LINK</div>
<div id="Layer14">
  <form id="form1" name="form1" method="post" action="">
    <label>
      <select name="select2">
        <option>DEK-D</option>
      </select>
    </label>
  </form>
</div><style type="text/css">
img { filter: alpha(opacity=100); opacity:1.0; }
img:hover { filter: alpha(opacity=70); opacity:.7; }
</style>
<style type="text/css">
<!--
body {background-image: url(http://i1191.photobucket.com/albums/z471/thepata2/106100032.jpg);
background-attachment: fixed;
background-repeat: repeat;

 </style>

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

ฝากแจกจ่ายหน่อยนะครับ

หลังจากที่หายไปนาน อัพบ้าง อะไรบ้าง ขอโทดทีน้า อิอิ

Falabella.