Mademoiselle' { id Dream }

ลำดับตอนที่ #24 : { id dream } มาด'มัวแซล : Innocent Gray สีเทาเรียบๆ แต่สวยเรียบแน่นอน

 CODE' id

 

<script language="JavaScript" src="http://yourjavascript.com/1411249631/qTip.js" type="text/JavaScript"></script>

<link href="http://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet" type="text/css" />

<link href="http://fonts.googleapis.com/css?family=Quicksand:300" rel="stylesheet" type="text/css" />

<link href="http://fonts.googleapis.com/css?family=Alegreya+Sans:300" rel="stylesheet" type="text/css" />

<link href="http://weloveiconfonts.com/api/?family=brandico" rel="stylesheet" type="text/css" />

<title></title>

<style type="text/css">

#navbar-iframe, .blogger-labels { display: none;}

 

[class*=brandico-]:before {font-family: brandico, sans-serif;}

    ::-webkit-scrollbar-thumb:vertical {background: #eee;border: 2px solid #fafafa;}

    ::-webkit-scrollbar-thumb:horizontal {background:#eee;}

    ::-webkit-scrollbar {background-color: #eee;border: 3px solid #fafafa;width: 7px;height: 7px; }

    ::selection               {background: #eee;color: #fff;}

 

 

a:link,a:active,a:visited {color: #000;text-decoration: none;transition: all 2s ease;}

a:hover {color: #ddd;transition: all 2s ease;}

 

img       {opacity: 0.7;transition: all 2s ease;}

img:hover {opacity: 1;transition: all 2s ease;}

 

 

body {background-image: url(http://3.bp.blogspot.com/-Q5QnPc1fyiE/UiwHS2p_4-I/AAAAAAAACDw/RIKrpsIyhh8/s320/dust.png);font-family: pontano sans;color: #000;text-align:justify;font-size: 9pt;letter-spacing:1px;cursor: url(http://i.imgur.com/NbCt3eW.png), progress !important}

 

.box       {background:#fff;padding:10px;margin-bottom:10px;line-height:18px;}

.h1 {color: #000;margin:5px 0 10px 0;border-bottom: 1px solid #f0f0f0;text-transform:uppercase;font-family: quicksand;transition: all 2s ease;font-size: 30px;padding-bottom:10px;}

.h1:hover {color: #aaa;transition: all 2s ease;}

.h2 {font-family: Alegreya Sans;font-size: 9px;text-transform: uppercase;letter-spacing: 3px;}

.h3, h3 {border-bottom:1px solid url('background:url(http://i.imgur.com/52qXHMr.png');font-family:  Alegreya Sans;font-size: 10px;text-transform: uppercase;letter-spacing: 4px;text-align: center;margin:25px 0 10px 0;}

 

 

.menu {background:#fff;opacity:0.9; px;top:0px;position:fixed;width:100%px;}

.menu a {border-top:1px solid #fff;border-bottom:1px solid #fff;font-family: Alegreya Sans;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:4px;color:#000;font-size:11px;display:inline-block;margin-right:8px;}

.menu a:hover {border-top:1px solid #eee;border-bottom:1px solid #eee;transition: all 2s ease;}</style>

<div class="menu">

<center>

<div style="width:935px;text-align:left;margin-top:10px;padding:10px;border-bottom:1px solid #eee;border-top:1px solid #eee;">

<div style="text-transform:uppercase;border-right:1px solid #eee;letter-spacing:4px;display:inline-block;width:290px;">

<span style="color:#808080;">The most innocent dream</span></div>

<span style="margin-left: 8px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a>&nbsp;<a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG</a> <a href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITER</a> <a href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG</a></div>

</center>

</div>

<div style="width:650px;position:absolute;top:80px;left:506px;">

<div id="main">

<blogger>

<div class="box">

<div class="h2">

<span style="color: rgb(128, 128, 128);">HELLO WORLD</span></div>

<div class="h1">

<blogitemtitle>WELCOME TO MY&#39;ID</blogitemtitle></div>

<div class="entrada">

<a><span style="color: rgb(128, 128, 128);">write everything what you want</span></a></div>

<br />

<br />

<a>

<style type="text/css">

.entrada img {width:630px;} </style>

</a></div>

</blogger></div>

</div>

<blogitemtitle><blogitemtitle>

<div class="sideb" style="background:#fff;position:absolute;line-height:17px;top:80px;left:200px;padding:10px;border-right:1px solid #eee;width:280px;">

<div class="desc">

<center>

<a><img src="http://i.imgur.com/zvvZTV1.png" style="width:100px;border-radius:100%;margin-bottom:10px;padding:10px;border:1px double #f2f2f2;" /></a></center>

<center style="text-transform:uppercase;">

<a style="font-family: 'Alegreya Sans'; font-size: 10px; letter-spacing: 4px;">profile</a></center>

<div style="text-align: center;">

<a><span style="color:#a9a9a9;"><span style="font-size:8px;">write your profile</span></span></a><a>&nbsp;</a><br />

&nbsp;</div>

</div>

<div class="h3">

my music</div>

<center>

<center>

<embed allowfullscreen="true" allowscriptaccess="always" height="140" src="http://www.youtube.com/v/OjuftKz5ebU?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1&amp;loop=1&amp;controls=0&amp;playlist=OjuftKz5ebU " type="application/x-shockwave-flash" width="200">

<div class="h3">

credits area</div>

<div style="line-height:100%;">

<r><span style="font-size:8px;">LAYOUT by</span> <a href="http://www.momoiro.tk/" target="_blank">pinktape</a>.<!--$blogitembody$--><!--$blogdateheaderdate$--><!--$blogitemdatetime$--><!--$blogitemtitle$--><!--$blogpreviousitemtitle$--></r><span style="font-size:8px;"> </span><r><span style="font-size:8px;">EDIT by</span> <a href="http://my.dek-d.com/nammook/" target="_blank">shoofly-pie</a>

<div id="a" style="display:none;">

<br />

<center>

&nbsp;</center>

</div>

</r></div>

<script>function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script></embed></center>

</center>

</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>

<!-- iD Clean Code Ver. 2.6.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->

<style type="text/css">

#wrapper {display:none;}</style>

<div class="thisisanchor">

&nbsp;</div>

<script type="text/javascript">

$('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script></blogitemtitle></blogitemtitle>

 

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

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

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

ตัวแรก  http://3.bp.blogspot.com/-Q5QnPc1fyiE/UiwHS2p_4-I/AAAAAAAACDw/RIKrpsIyhh8/s320/dust.png
มันคือพื้นนหลังสีเทาโล่งๆ นั่นแหละจ้า
สามารถเปลี่ยนตัวแบ็คกราวนด์เป็นแบ็คกราวนด์ลายอื่นได้นะแต่ต้องเป็นลิงค์รูปเท่านั้น

http://i.imgur.com/zvvZTV1.png
นี่เป็นลิงค์รูปของอวาตาร์กลมๆที่อยู่ด้านบนนะคะ แนะนะให้ใส่ขนาด 100x100 พอดีนะ
แล้วมันจะออกมากลมเปะแบบในไอดี แต่ถ้าใส่ขนาดอื่น มันจะไม่ออกมากลมน้า
แล้วก็เวลาใส่ให้ก๊อปลิงค์รูปอวาตาร์ของคุณแล้ววางทับลิงค์รูปนี้ในโค้ดดีกว่าก๊อปรูปแล้ววางเลยนะคะ


ตัวที่สอง OjuftKz5ebU มันเป็นลิงค์เพลงในไอดีเองแหละ

และไอ้ OjuftKz5ebU ก็คือลิงค์ของเพลงนะจ๊ะ

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

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

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

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

อันนี้คุยเรื่อยเปื่อย
เรื่อยๆ เฮ้! เรื่อยๆ เฮ้! ทยอยลงนะจ๊ะ
อย่าลืมเม้นให้กำลังใจกันน้า ><