Mademoiselle' { id Dream }

ลำดับตอนที่ #11 : { id dream } มาด'มัวแซล : แถบข้างดอกไม้ดาร์กวินเทจเข้ากับโทนสีเรียบสบาย

 

CODE' id

 

<link href="http://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css" />
<title></title>
<style type="text/css">
body {
background:url('http://i.imgur.com/x8T7hJS.png');
background-color: white;
font-family: segoe ui;
font-size: 12px;
font-weight: normal;
color: #777;
line-height: 17px;
}
 
blockquote {
color: #000;
font-size: 8px;
text-transform: uppercase;
background-color: #9EB49D;
border-left: 5px solid #999;
padding: 10px;
}
 
a {
color: #cceeee;
text-decoration: none;
-webkit-transition: .8s;
}
 
a:hover, #title a:hover {
color: #CA8C7B;
-webkit-transition: .8s;
}
 
#title {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 35px;
letter-spacing: 1px;
padding: 6px;
color: #000;
}
 
#title a {
color: #585048;
}
 
#dateentries {
font: normal 7px small fonts;
letter-spacing: 2px;
text-transform: uppercase;
color: #799D79;
margin-bottom: 10px;
text-align: left;
padding: 2px;
vertical-align: 30%;
line-height: 10px;
}
 
#sidebar {
background: url('http://i62.tinypic.com/125j77l.png');
background-color: #f9f9f9;
background-repeat: repeat;
text-align: center;
left: 130px;
top: 0px;
height: 100%;
padding-left: 10px;
padding-right: 10px;
-webkit-opacity: .8;
opacity:0.8;
filter:alpha(opacity=80);
moz-opacity: .8;
position: fixed;
width: 220px;
}
 
#sidebarbox {
color: #000000;
height: 250px;
margin-top: 250px;
}
 
#entries {
left: 420px;
top: 30px;
position: absolute;
width: 600px;
}
 
#posts {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 17px;
text-align: justify;
padding: 10px;
background: #f9f9f9;
-webkit-opacity: .8;
opacity:0.8;
filter:alpha(opacity=80);
moz-opacity: .8;
margin-bottom: 15px;
text-align:justify;
}
 
#posts img {
max-width: 95%;
height: auto;
padding: 4px;
border: none;
opacity:0.7;
filter:Alpha(opacity=70); /* IE8 and earlier */
}
 
#sidebarimg {
width: 140px;
height:140px;
border: 0px solid #eee;
padding: 0px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
margin-top: 10px;
margin-bottom: 5px;
}
 
#credits {
background: #000;
bottom: 10px;
right: 10px;
position: fixed;
font: normal 7px small fonts;
padding: 2px;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-opacity: .8;
opacity:0.8;
filter:alpha(opacity=80);
moz-opacity: .8;
}
 
#credits a {
color: #999;
}
 
#credits a:hover {
color: #C3D49F;
}
 
#navbar-iframe {
display: none;
}
 
html, body, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;}
 
::selection {
background: transparent;
color: #E0D0B1;
}
 
::-moz-selection {
background: transparent;
color: #E0D0B1;
}
 
::-webkit-scrollbar { width:9px; background:#fff; }
::-webkit-scrollbar-thumb { background-color: #999 ; }
::-webkit-scrollbar-thumb:hover { background-color: #5f5f5f; }</style>
<div id="sidebar">
    <div id="sidebarbox">
        <img href="/" id="sidebarimg" src="http://25.media.tumblr.com/11dfc37adf812011f42dbb635cf199dd/tumblr_mmezv2gzDV1s58ftpo2_250.png" /><br />
        <i>LINK IS HERE!!</i><br />
        <select name="siam-simp(832806)" onchange="location.href=this.options[this.selectedIndex].value;" style="border-bottom: #F8F8FF 1px dashed; border-left: #F8F8FF 1px dashed; padding-bottom: 3px; padding-left: 3px; width: 150px; padding-right: 3px; font: 11px tahoma; background:url() none transparent scroll repeat 0% 0%; border-top: #F8F8FF 0px dashed; border-right: #F8F8FF 0px dashed;padding-top: 3px;">MENU<option value="_">MENU</option><option value="http://my.dek-d.com/ชื่อไอดี/">ADD ME</option><option value="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php">QMSG</option><option value="http://my.dek-d.com/ชื่อไอดี/qmsg/">WRITER</option><option value="http://my.dek-d.com/ชื่อไอดี/writer/">SMSG</option><option value="http://my.dek-d.com/ชื่อไอดี/sendsecret.php"></option></select><br />
        <br />
        &nbsp;</div>
</div>
<div id="entries">
    <blogger><br />
    <div id="posts">
        <div id="title">
            <span style="color:#a9a9a9;">TALK &nbsp;WITh ME.</span><br />
            &nbsp;</div>
        <div style="text-align: center;">
            <br />
            <span style="color:#000000;">มาคุยกันหน่อยซิที่รัก</span></div>
        <div id="dateentries">
            <br />
            &nbsp;</div>
    </div>
    </blogger></div>
<div id="credits">
    <span style="color:#808080;">Layout by</span>: <a href="http://ashtonirmoan.tumblr.com/">Quincy Fadul</a><span style="color:#808080;">&nbsp;Edit by</span>: <a href="http://my.dek-d.com/nammook/" target="_blank">SHOOfly-Pie</a></div>
<br />
<br />
<br />
<br />
<br />
<a href="http://my.dek-d.com/nammook/" target="_blank">&nbsp;</a>
<div class="924167">
    <a href="http://my.dek-d.com/nammook/writer/view.php?id=992276" rel="nofollow" style="position: fixed; bottom: 1px; left: 1px;" target="_blank"><img src="http://image.dek-d.com/27/0321/3847/t_118461920" style="width: 60px; height: 16px;" /> </a></div>
<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ตัวนะ

ตัวแรก background:url(http://i.imgur.com/x8T7hJS.png)
มันคือส่วนแบ็คกราวนด์จ้ะ สีขาวโล่งงงงงงงงงงงงข้างหลังน่ะ
เธอสามารถเปลี่ยนเป็นสีอื่นได้นะจ๊ะ แต่ต้องเป็นลิงค์รูปเท่านั้นจ้า

ตัวที่สอง background: url('http://i62.tinypic.com/125j77l.png')
อันนี้เปลี่ยนรูปตรงแถบข้างลายดอกไม้สีขาวพื้นหลังเขียวที่อยู่ทางด้านซ้ายมืออ่ะจ้ะ

ตัวที่สาม http://25.media.tumblr.com/11dfc37adf812011f42dbb635cf199dd/tumblr_mmezv2gzDV1s58ftpo2_250.png
เปลี่ยนรูปที่อยู่ในวงกลมจ้า!

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

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

ไปหารูปที่เข้ากับไอดีนี้ได้ที่ ตอนนี้ และ ตอนนี้ เลยนะจ๊ะ

เอาใช้อย่าลืมเม้นน้า

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