Mademoiselle' { id Dream }

ลำดับตอนที่ #7 : { id dream } มาด'มัวแซล : nature freak โทนธรรมชาติแถมลิงค์เจ๋งเวอร์

 CODE' id

 

<link href="http://fonts.googleapis.com/css?family=Loved+by+the+King" rel="stylesheet" type="text/css" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<meta content="Description" name="description" />
<link href="http://demo.tumblr.com/rss" link="" rel="alternate" type="application/rss+xml" />
<style type="text/css">
#entries{margin-left: 450px; margin-top:20px; width:500px;font-family:Consolas;letter-spacing: 1px; font-size:10px; text-transform: lowercase;}
#sideblock {display:block; width:166px; height:14px; margin-top:10px;margin-bottom:1px;margin-left:4px;background-color:#d1ebe5;font-family:Consolas;letter-spacing: 2px; font-size:9px; text-transform: uppercase;padding:1px 0px 0px 0px;}
#icon img{
display:inline-block; border:11px solid;color:#d3e4b0;margin-top:0px;margin-left:30px;
}
#sbarimg{margin-top: 20px; margin-left: 0px; width: 166px; height: 166px;
position: fixed; padding: 0px;
background-color: #trans;}
#sbarimg img{width: 176px; height: 176px; margin-left:0px; margin-top:0px;}
div.arriba { position: relative; width: 170px; height: 170px; overflow: hidden; padding: 0px;}
div.arriba div { width: 166px; height: 166px; font-size: 9px; position: absolute; top: 0; left: 0; text-align: justify; background: #FFFFFF; -webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;}
div.arriba div.primer { ;}
div.arriba:hover div.primer { -webkit-transition: -webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;left: 320px; }
.s2 {position: absolute; text-align: center; margin-top: 05px; margin-left: 12px;}
.s2 a {display: block; font-family: verdana; font-size: 9px; text-align: center; width: 230px; height: 23px;  background-color:  #CDC0B0; color:#fff; text-decoration: none; padding: 5px 5px 4px 5px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-bottom: 1px; text-transform: lowercase;}
.s2  a:hover{text-align: center; letter-spacing: 6px; background-color: #ffffff; color: #CC6A89; font-weight:bold; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; opacity: 0.8}
.tags {font: 10px Consolas; width: 99%; background-color:#d3e4b0; padding: 2px; text-align:center;}
#links {width: 166px; height: 8px;margin-top:-82px;margin-left:20px;}
 #Link1 {text-align: center; position: fixed; float: left; margin-top: 80px; margin-left: 10px; font-size: 9px; background-color:#eadbb5;}
#Link1 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link1  a:hover{text-align: center; letter-spacing: 3px; background-color: #eadbb5; color:#fff; width: 115px;}
#Link2 {text-align: center; position: fixed; float: left; margin-top: 80px; margin-left: 45px; font-size: 9px; background-color:#d8e674;}
#Link2 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link2  a:hover{text-align: center; letter-spacing: 3px; background-color: #d8e674; color:#fff; width: 15px;height:115px;padding-top:65px;}
#Link3 {text-align: center; position: fixed; float: left; margin-top: 115px; margin-left: 10px; font-size: 9px; background-color:#fbb9b8;}
#Link3 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link3  a:hover{text-align: center; letter-spacing: 3px; background-color: #fbb9b8; color:#fff; width: 15px;height:110px;padding-top:35px;}
#Link4 {text-align: center; position: fixed; float: left; margin-top: 115px; margin-left: 45px; font-size: 9px; background-color:#ceddd3;}
#Link4 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link4  a:hover{text-align: center; letter-spacing: 3px; background-color: #ceddd3; color:#fff; width: 80px;}
#Link5 {text-align: center; position: fixed; float: left; margin-top: 150px; margin-left: 10px; font-size: 9px; background-color:#b6e3d6;}
#Link5 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link5  a:hover{text-align: center; letter-spacing: 3px; background-color: #b6e3d6; color:#fff; width: 115px;}
#Link6 {text-align: center; position: fixed; float: left; margin-top: 150px; margin-left: 45px; font-size: 9px; background-color:#e2cdd6;}
#Link6 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link6  a:hover{text-align: center; letter-spacing: 3px; background-color: #e2cdd6; color:#fff; width: 15px;height:90px;padding-top:35px;}
#Link7 {text-align: center; position: fixed; float: left; margin-top: 185px; margin-left: 10px; font-size: 9px; background-color:#fddf82;}
#Link7 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link7  a:hover{text-align: center; letter-spacing: 3px; background-color: #fddf82; color:#fff; width: 15px;height:90px;padding-top:35px;}
#Link8 {text-align: center; position: fixed; float: left; margin-top: 185px; margin-left: 45px; font-size: 9px; background-color:#dff0be;}
#Link8 a {display: block; font-family:consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link8  a:hover{text-align: center; letter-spacing: 3px; background-color: #dff0be; color:#fff; width: 80px;}
#Link9 {text-align: center; position: fixed; float: left; margin-top: 220px; margin-left: 10px; font-size: 9px; background-color:#f6e6c9;}
#Link9 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link9  a:hover{text-align: center; letter-spacing: 3px; background-color: #f6e6c9; color:#fff; width: 115px;}
#Link10 {text-align: center; position: fixed; float: left; margin-top: 220px; margin-left: 45px; font-size: 9px; background-color:#dfcdb4;}
#Link10 a {display: block; font-family: consolas; font-size: 9px; text-align: center; width: 15px; height: 15px;  color: transparent; text-decoration: none; padding:10px; z-index: 1; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#Link10  a:hover{text-align: center; letter-spacing: 3px; background-color: #dfcdb4; color:#fff; width: 15px;height:90px;padding-top:35px;}
.sbarinfo {
opacity:1;
width:166px;
height:166px;overflow:auto;
margin-top:0px;
margin-left:-5px;
background-color:#FFFFFF;
font-family:consolas;
font-size:9px;
text-align:left;
color:#000;
position:absolute;
;
padding:5px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.sbarinfo:hover {font-size:color:#646262;
opacity:1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#italics {font-size:10px; font-style:italic; color: #dfcdb4; text-align: center;}
#title {font-size:20px; font-style: normal; text-align:center; font-family: 'Loved by the King', cursive; color: #978FB5; letter-spacing:1px;}
#sidebar {width:166px; height:auto; background-color: transparent; border-right:5px solid #d3e4b0; padding:7px;opacity:3;margin-top:-25px;left:260px; position:fixed; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#forimgs {width:166px; height:auto;background-color:#trans!; left:222px; position:fixed;margin-top:120px;}
#folder
{width:200px;
-webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
margin-left:-30px;margin-top:20px;
overflow:hidden;
opacity:3;
color:#fff;position:fixed;}
#folder:hover
{margin-left:-165px;
opacity:1;
}
.tab
{text-align:center;
font-size:10px;
padding-left:0px;
padding-top:20px;
margin-top:0px;
margin-left:10px;
width:20px;
height:70px;
float:left;
background-color:#d8e674;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.tab:hover #folder {opacity:0;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
#pagination {font-family:Georgia; text-align:center; font-size: 10px; font-style:none; background-color:transparent; padding: 0px; letter-spacing:2px;margin-top:0px;}
#sources {width:160px;height:auto;margin-left:510px;font-family:consolas;font-size:8px;
text-transform:uppercase;text-align:left;padding:8px;letter-spacing:1px;opacity:0;
line-height:110%;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.5s; position:absolute;border-left:0px solid;}
#footer {background-color:#d1ebe5; margin:0px 5px 5px 5px; font-family:consolas; font-size:8px; text-transform: uppercase; color:#646262; letter-spacing: 2px; text-align:center; padding:2px; font-style:normal; width: 99%;margin-left:0px;margin-top:-5px;border-bottom:2px solid #d3e4b0;overflow:hidden;-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;}
transparent; border-left:0px solid; border-right:0px solid; padding:7px;}
#posts{overflow:hidden; background-color: ; border-left:0px solid #8B609C; border-right:0px solid
#8B609C; padding:3px; font-style:normal;}
#hover {position:absolute; ; opacity:0; -webkit-transition: opacity 0.9s linear;}
#folder:hover #hover {opacity:3}
#posts:hover #sources{
opacity:1;border-left:5px solid #d1ebe5;
}
h1{color:#646262;
font-family: Georgia; font-size:18px;
letter-spacing:0px;
font-weight:normal; text-transform:none;
 margin:0px; padding:0px;
text-align:center; font-style:italic;}
h2{color:#646262;
font-family: Georgia; font-size:14px;  
letter-spacing:1px;
font-weight:normal; margin:0px;
 padding:0px; margin-bottom:-0px; text-align:center;
font-style:italic}
.iconica{bottom:0px;right:0px;background-color:transparent;position:fixed;padding:0px; opacity:.3;-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
.iconica:hover {-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:3;position:fixed;}
#asker {width:400px; text-align:left; text-transform:uppercase; color:#646262;}
#asker a {color:#646262;}
#asker img {float:left; margin-left:220px; vertical-align:top; margin-right:3px; max-height:15px;}
#question {background-color:#d1ebe5;font-size: 10px; font-weight: normal;font-family: Consolas; line-height:90%;
color: #646262;  margin: 0 0 11px 0; padding: 10px 15px; position: relative;}
#triangle {width: 12px; height: 6px; font-size:30px; font-family:Trebuchet MS; position: absolute;
color:#d1ebe5; bottom: -1.5px; left: 230px;}
img a{border:none; width:100%}
#audiopost{display:block; background-color:black;}
#audioimage img{float:left; width: 60px; border: 5px solid; color: #d3e4b0;max-width: 60px; height: auto;}
.user_1 .label {color:#8B609C; font-weight:bold}
.user_2 .label {color:#646262; font-weight:bold}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
.notes img{width:10px; position:relative; top:1px;}
ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
iframe#tumblr_controls {
   top:0px !important;
   right:3px !important;
   position: fixed !important;
      -webkit-transition: opacity 0.7s linear;
      opacity: 0.4;
      -webkit-transition: all 0.8s ease-out;
      -moz-transition: all 0.8s ease-out;
      transition: all 0.8s ease-out;
;}
iframe#tumblr_controls:hover{
   -webkit-transition: opacity 0.7s linear;
   opacity: 1;
   -webkit-transition: all 0.4s ease-out;
   -moz-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
;}</style>
<style type="text/css">
</style>
<script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=278a8782ed49b1a35186d62748fe01aa"></script>
<div class="iconica">
    <center>
        &nbsp;</center>
</div>
<div id="forimgs">
    <div id="title">
        your name</div>
    <br />
    <center>
        <div id="italics">
            <span style="font-family: Consolas; line-height: 11.199999809265137px;">anything else is unthinkable.</span></div>
    </center>
    <div id="folder">
        <div class="tab">
            <span style="color:#ffffff;">l</span><br />
            <span style="color:#ffffff;">i</span><br />
            <span style="color:#ffffff;">n</span><br />
            <span style="color:#ffffff;">k</span><br />
            <span style="color:#ffffff;">s</span></div>
        <div id="hover">
            <div id="icon">
                <span style="color:#ffffff;"><img class="imdava" src="http://2.bp.blogspot.com/-1t0wE7smg1s/ULFRaUIgj9I/AAAAAAAAAaw/YrEqRWbQb7Y/s1600/16.jpg" style="height: 50px; width: 50px;" /></span></div>
            <div id="links">
                <div id="Link10">
                    <a href="http://baudelaired.co.vu/" target="_blank" title="credit">c<br />
                    o<br />
                    d<br />
                    e</a></div>
                <div id="Link9">
                    <a href="http://my.dek-d.com/ชื่อไอดี/" target="_blank" title="กลับไปหน้าหลัก">home</a></div>
                <div id="Link8">
                    <a href="https://www.facebook.com/ยูสของเฟส" target="_blank" title="เฟซบุ๊คเราเอง">facebook</a></div>
                <div id="Link7">
                    <a href="https://twitter.com/ชื่อยูสทวิต" target="_blank" title="ทวิตเตอร์:)">t<br />
                    w<br />
                    i<br />
                    t<br />
                    t<br />
                    e<br />
                    r</a></div>
                <div id="Link6">
                    <a href="http://my.dek-d.com/ชื่อไอดี/my.id_station/index.php" target="_blank" title="สำหรับเราเท่านั้น">c<br />
                    o<br />
                    n<br />
                    t<br />
                    r<br />
                    o<br />
                    l</a></div>
                <div id="Link5">
                    <a href="http://http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank" title="ข้อความลับ">smsg</a></div>
                <div id="Link4">
                    <a href="http://my.dek-d.com/ชื่อไอดี/blog/" target="_blank" title="บล็อก">blog</a></div>
                <div id="Link3">
                    <a href="http://http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank" title="งานเขียนของเรา">w<br />
                    r<br />
                    i<br />
                    t<br />
                    e<br />
                    r</a></div>
                <div id="Link2">
                    <a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank" title="เมาท์มอย">q<br />
                    m<br />
                    s<br />
                    g</a></div>
                <div id="Link1">
                    <a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank" title="แอดเราเป็นเพื่อน">addme</a></div>
            </div>
        </div>
    </div>
    <div id="sbarimg">
        <div class="arriba">
            <div class="primer">
                <img src="http://data2.whicdn.com/images/109139942/large.jpg" /></div>
            <div class="sbarinfo" style="text-align: center;">
                <br />
                hey :) music...is here<br />
                <br />
                <iframe allowfullscreen="" frameborder="0" height="120" scrolling="no" src="//www.youtube.com/embed/cNSx1RdPl04?autoplay=1&amp;showinfo=0&amp;controls=0&amp;rel=0" width="150"></iframe></div>
        </div>
    </div>
</div>
<div id="titulo">
    <span style="color: rgb(0, 0, 0);">welcome to&#39;id</span></div>
<div id="caja">
    <div id="zuko">
        <div id="informa">
            <div class="info">
                <div id="colores">
                    &nbsp;</div>
            </div>
        </div>
    </div>
    <div id="bottom">
        <div id="sbarinfo">
            <div id="title2">
                <font color="#000000"><span style="font-size: 14.399999618530273px;">say &#39;Talk&#39; :)</span></font></div>
            <div style="text-align: center;">
                <br />
                <p class="MsoNormal">
                    <font color="#000000" face="Tahoma, sans-serif"><span style="line-height: 11.199999809265137px;">คุยแหลกแตกกระจาย! มีอะไรพูดกันตรงนี้เลย</span></font></p>
            </div>
            <div id="title2">
                &nbsp;</div>
        </div>
        <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=278a8782ed49b1a35186d62748fe01aa"></script></div>
</div>
<div class="924167">
    <a href="http://my.dek-d.com/nammook/writer/view.php?id=992276" rel="nofollow" style="position: fixed; bottom: 1px; right: 1px;" target="_blank"><img src="http://image.dek-d.com/27/0321/3847/t_118461920" style="width: 60px; height: 16px;" /> </a></div>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<meta content="" name="description" />
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic" rel="stylesheet" type="text/css" />
<style type="text/css">
::-webkit-scrollbar {height: auto; width: 10px}
::-webkit-scrollbar-thumb {background-color:#CCB481;}
::-webkit-scrollbar-track{background-color:#fff;}
::-webkit-scrollbar-buttom{background-color:#fff;}
body{
background-color:#EBDDA4;
background-image: url('http://static.tumblr.com/ekfbsgu/PbJm1q09r/1.jpg');
background-position: center;
background-attachment:fixed;
background-repeat:repeat;
font-family:Calibri;
font-size:10px;
margin: 0px;
}
a:link, a:active, a:visited{
color:#708B00; text-decoration:none;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
a:hover{color:#000;font-style:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#entries {width:380px;margin-top:5px;}
#posts{overflow:hidden; background-color:#EBDDA4; font-size:10px;font-family:Calibri;letter-spacing:1px;}
#caja{width:400px;margin: auto;margin-top:0px;background-color:#F8F3CC;padding:10px 0px;
border:14px solid #DBD8A4;height:400px;position:relative;}
h1{
color:#414141;
font-family:Open Sans Condensed;
font-size:15px;
line-height:17px;
letter-spacing:1px;
font-weight:normal;
margin:0px;
padding:0px;
text-align:center}
h2{
color:#414141;
font-family:georgia;
font-size:14px;
line-height:14px;
letter-spacing:2px;
font-style:italic;
margin:0px;
padding:1px;
margin-bottom:0px;
text-align:center}
#pagination {width:460px!important; margin-bottom:3px!important; line-height:100%;margin-top:-70px;margin-left:-20px;}
#next {width:100px; float:right; height:auto; overflow:hidden; background-color:#trans!; font:41px georgia; text-transform:uppercase; text-align:center; margin-top:-16px;margin-left:0px;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
#next a {color:#fff; text-decoration:none;}
#next:hover {background-color:#trans!; color:;}
#previous a{color:!important; text-decoration:none;}
#previous {margin-top:-13px;width:100px; float:left!important; height:45px; overflow:hidden; background-color:#trans!;font:41px georgia; text-transform:uppercase; text-align:center; margin-right:1.5px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; color:!important;}
#previous:hover {background-color:#trans!; color:;}
#next a:hover, #previous a:hover {color:;}
#titulo {width:400px; font-family:'Open Sans Condensed';font-size:40px; color:; margin:auto; text-align:center; margin-bottom:5px; position:relative; px;text-transform:uppercase;}
.links a:link, .links a:visited, .links a:active
{display: block;font-family: calibri; font-style: none; text-transform: lowercase; font-size: 10px; text-align: left ; margin: 3px 4px 3px 4px; margin-bottom:2px; border-left: 8px solid ; background-color: ; padding: 2px 10px 2px 10px; letter-spacing: 1px; color: ; transition: all 0.5s ease-out; -o-transition-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
.links a:hover {display: block; font-style:italic; border-left: 30px solid; color:;}
.tags {font: 10px georgia; width: 99%; background-color:; padding: 2px; text-align:center;}
#bottom {width:400px; padding:0px; position:absolute; background:; top:0px;right:0px; height:491px; display:inline;overflow-x:hidden;overflow-y:auto;}
#zuko {margin-left:0px; width:400px; padding:0px; position:absolute; background:#trans; bottom:0px; left:0px; height:29px; display:inline;overflow:hidden;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#colores {width:400px; margin-top:-5px;margin-left:-8px;margin-bottom:-5px;}
#colores a{color:#fff;width:60px;display:inline-block; font-family:Calibri;font-size:9px; text-transform: Uppercase; text-align:center;margin:0px; padding-top:5px;margin-left:-3px;padding-bottom:5px;padding-left:3px;padding-right:3px}
#informa {width:400px; height:23px; padding:4px;background-color:; color:#trans!; text-align:justify; line-height:10px;overflow-x:hidden; overflow-y:auto; }
#navegacion {display:block; position:absolute;margin-left:163px; bottom:0;width:400px; height:30px; padding:4px;background-color:;line-height:90%;}
#portrait{background-color:;}
#portrait img{padding-right:5px;border-right:2px solid ;margin-left:5px;margin-top:3px;}
#sidebar {width:244px; height:149px; background-color: ;border-left:0px solid; border-right:0px solid; padding:7px; position:relative; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;font-style:none;margin-left:0px;opacity:.1;margin-top:-163px;}
#sidebar:hover{opacity:.8;}
#sbarinfo {font-family:Calibri; font-size:10px; width:330px;letter-spacing:1px;text-align:justify; font-style:normal;text-transform:none;margin-top:20px;margin-left:30px;color:;}
#lista {font-family:Calibri; font-size:10px; width:330px;letter-spacing:1px;text-align:left; font-style:normal;text-transform:lowercase;margin-top:20px;margin-left:10px;color:;}
#brb {font-family:Lobster; font-size:40px; width:180px;letter-spacing:0px;text-align:justify; font-style:normal;text-transform:lowercase;margin-top:120px;margin-left:90px;color:;}
#maybelles:hover #sbarinfo{opacity:3;}
.info{background-color:#trans!;padding:5px;text-align: center;}
.description{padding:3px;font:10px calibri;line-height:10px;;}
#title2 {font-size:11px; font-style: none; text-align:left; font-family:'Open Sans Condensed';color: ; width:330px;margin-left:0px;letter-spacing:1px;margin-top:0px;text-transform:uppercase;font-weight:bold;}
#desc{padding-left:3px;padding-right:10px;font:10px; font-family:Calibri;}
#updates{position:absolute; bottom:0; margin-left:326px; width:163px;height:152px; padding:4px; background-color:; color:;overflow-x:hidden; overflow-y:auto;text-align:center;}
#guidelines {position:absolute; bottom:0; margin-left:489px; width:163px;height:152px; padding:4px; background-color:; color:;overflow-x:hidden; overflow-y:auto;}
#enmedio {width:254px; background-color:#trans; position:absolute; overflow:hidden; top:0; left:0; height:360px;}
#mainte {width:254px; background-color:; position:absolute; overflow:hidden; top:0; left:0; height:360px;}
#chiquito {width:254px; padding:2px 2px 4px 2px!important; height:10px; line-height:90%; font:11px calibri; color:#fff; text-align:center; letter-spacing:1px; background-color:;margin:0px; }
#peeta {width:254px; margin:auto; overflow-x:hidden; overflow-y:auto; padding:0px; height:344px; background-color:;}
#maybelles img{
width:244px;height:163px;
padding-bottom:-1px;}
#at{
display:block;
padding-top:2px;
padding-bottom:2px;
width:81px;
color:#fff;
background-color:;
font-style:italic;
font-size:10px;
font-family:consolas;
text-align:center;
margin-top:0px;}
#b{
display:block;
width:81px;
margin-left:81px;margin-top:-16px;
display:block;
padding-top:2px;
padding-bottom:2px;
color:#fff;
background-color:;
font-style:italic;
font-size:10px;
font-family:consolas;
text-align:center;}
#d{
display:block;
width:82px;
margin-left:162px;margin-top:-16px;
display:block;
padding-top:2px;
padding-bottom:2px;
color:#fff;
background-color:;
font-style:italic;
font-size:10px;
font-family:consolas;
text-align:center;}
#cee{
display:block;
padding-top:2px;
padding-bottom:2px;
width:244px;
color:#fff;
background-color:;
font-style:italic;
font-size:10px;
font-family:consolas;
text-align:center;
}
#ee{
display:block;
padding-top:2px;
padding-bottom:2px;
width:163px;
margin-left:-4px;
color:#fff;
background-color:;
font-style:italic;
font-size:10px;
font-family:consolas;
text-align:center;
}
blockquote {border-left:3px solid ; margin-left:5px; padding:3px;background-color:#E8F5B7;}
#katniss {background-color:#c0c0c0; width:400px; height:491px; position:absolute; left:0px; top:0px; overflow:hidden;}
#everlark {width:400px; height:490px; background-color:#000; color:; position:absolute; right:0; top:0;}
#tribute {width:390px; padding:2px 5px; height:490px; overflow-x:hidden; overflow-y:auto; background-color:; display:block; margin:auto;}
#audiopost{display:block; background-color:white;}
#audioimage{float:left; width: 30px; border: 5px solid; color: ;}
#audioimage img {max-width: 30px; height: auto;}
#asker {width:380px; text-align:left; text-transform:uppercase; color:;}
#asker a {color:;}
#asker img {float:left; margin-left:85px; vertical-align:top; margin-right:3px; max-height:15px;}
#question {background-color:;font-size: 10px; font-weight: normal;font-family: Arial; line-height:90%; color: ;  margin: 0 0 11px 0; padding: 10px 15px; position: relative;}
#triangle {width: 12px; height: 6px; font-size:30px; font-family:Trebuchet MS; position: absolute;
color:; bottom: -1.5px; left: 80px;}
#answer {color:;}
#footer{width:100%; border-bottom:2px dashed ; color:#ccc; font:9px georgia, monospace; line-height:8px; text-align:center; margin:2px 0px 0px -4px;}
iframe#tumblr_controls {
top:0px !important;
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.4;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
;}
iframe#tumblr_controls:hover{
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
;}</style>
<style type="text/css">
.headtable, .head2, .modulebg1, #footer, #header, #neck, .left, #module_left .modulebg2, #module_right .modulebg2,.hr1, .hr2 { display: none !important; } .modulebg2, .right { background: none; } .mainborder, .right { border: 0px !important; }</style>

 

TALK
เกี่ยวกับโค้ดนะจ๊ะต้องอ่านนะ

อันนี้ไม่มีอะไรให้เปลี่ยนมากมายเพราะตัวโค้ดมันซับซ้อน
พูดง่ายๆคือนิดๆหน่อยๆก็เละแล้ว = = เลยแนะนำว่าให้เปลี่ยนเท่าที่เราบอกดีกว่า

ส่วนที่บีไฮไลท์สีแดงเอาไว้แบ่งเป็น2อันคือ 1.เปลี่ยนได้และ2.ต้องเปลี่ยนนะ

1.อันแรกคือเปลี่ยนได้ จะเปลี่ยนไม่เปลี่ยนก็แล้วแต่เธอ มันมี2ตัวนะ

ตัวแรก <img src="http://data2.whicdn.com/images/109139942/large.jpg" /></div>
มันคือตรงรูปดอกไม้อ่ะ อันนั้นเปลี่ยนได้ตามสบายเลย
แต่!! ตรงคำว่าลิงค์อ่ะ พอชี้ออกมามันจะมีรูปเล็กๆอยู่อีกรูป รูปนั้น 50x50 นะ
ถ้าเธอใส่ 100x100 ไปให้ย่อเหลือ 50x50 นะไม่งั้นจะเละเพราะไม่พอดี
(ถ้าไม่เข้าใจเลื่อนลงไปกดพรีวิวดูแล้วอ่านคำอธิบายพร้อมทำตาม)

ตัวที่สอง 
cNSx1RdPl04 มันเป็นลิงค์เพลงหน้าไอดีเองแหละ
และไอ้ cNSx1RdPl04 ก็คือลิงค์ของเพลงนะจ๊ะ
ถ้าจะเปลี่ยนเพลงก็น่าจะทำกันเป็นอยู่แล้วเนอะ
คือเข้ายูทูปแล้วก๊อปลิงค์ข้างหลังคำว่า watch?v= 
ตามที่ไฮไลท์เอาไว้ที่รูปด้านล้างเลยนะ

ส่วนตัวเลข 120 กับ 150 เป็นความสูงและความกว้างนะเคิ้บ!
เปลี่ยนตามใจชอบเลยนะ

2.ตัวที่สองคือต้องเปลี่ยนมันคือลิงค์ส่วน 'ชื่อไอดี' จ้ะ
เราคาดว่าหลายคนน่าจะรู้นะแต่ถ้าไม่รู้ เอาอันนี้ไปดู จิ้ม

3.WARNING!!! ใส่โค้ดล้างไอดีให้แล้วน๊า! 

เพิ่มเติมลูกเล่นนิส!
ไอดีอันนี้มีโค้ดแกะยากอยู่ตัวนึงคือลิงค์ที่อยู่ข้างๆ
จริงๆแล้วตรงกล่องก็อยากไม่แพ้กันแต่ตรงลิงค์มันยากเพราะมันแซ่บจริง!
อยากดูตัวอย่างจริงๆจังๆ เชิญ PREVIEW เลยจ้า! ไม่ดูแล้วจะเสียใจ
(ดูแค่ลิงค์ข้างๆพอนะ 555) ลองชี้ๆดู
 

อันนี้คุยเรื่อยเปื่อย
ไอดีตัวนี้หวงมากบอกเลย เพราะรวบรวมโค้ดเองแล้วโค้ดแต่ละตัวก็แกะยาก
เฉพาะตัวลิงค์อ่ะค่ะ เลยอยากจะบอกว่าเอาไปใช้อย่าลบเครดิตเลยนะ
พลิสสส T T
ชอบมากมายก็หยิบยืมกันไปใช้ได้นะ แต่! ขอเหอะ =_=
อย่าลบเครดิตออก คนทำเหนื่อยนะเออ ให้เกียรติกันบ้างค่ะ