Mademoiselle' { id Dream }

ลำดับตอนที่ #6 : { id dream } มาด'มัวแซล : Grayscale สีเทาดำเรียบง่าย

 CODE' id

 

<link href="http://media.tumblr.com/tumblr_losn4ndGDg1qepbs7.gif" rel="shortcut icon" />

<script type="text/javascript">     

//form tags to omit in NS6+:

var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){

if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)

return false

}

function reEnable(){

return true

}

if (typeof document.onselectstart!="undefined")

document.onselectstart=new Function ("return false")

else{

document.onmousedown=disableselect

document.onmouseup=reEnable

}

</script>

<style txpe="text/css" type="text/css">

#navbar-iframe{display: none;height: 0;}

body {background:#fff;background:url(http://i.imgur.com/x8T7hJS.png);color: #b9b9b8;text-align: justify;cursor:ne-resize ;}

a {color: #737373;text-transform: normal;text-decoration: none;-webkit-transition:.6s;-moz-transition:.6s;}

a:hover {color:#919191;cursor:vertical-text;-webkit-transition: .5s;-moz-transition: .5s;}

img {background: #fafafa;cursor:move;max-width:485px;padding: 5px; border: 1px solid #eee;border-bottom:none; filter: alpha(opacity=80); opacity: .8;-webkit-transition: .5s;-moz-transition: .5s;}

img:hover {filter: alpha(opacity=100); opacity: 1.0;-webkit-transition: .5s;-moz-transition: .5s;}

blockquote {background:#fafafa;cursor:text;color:#919191;font: normal 10px arial;padding:5px;border:1px solid #eee;}

b, strong {color: #737373;font-family: trebuchet ms;text-transform:uppercase;letter-spacing: 3px;}

u {color:#737373;font-family: trebuchet ms;text-decoration: none;padding:1px;border-bottom: 1px dashed #DEDCDE;-webkit-transition-duration:.4s; -moz-transition-duration:.4s;}

u:hover {color:#DEDCDE;border-bottom: 1px dashed #737373;-webkit-transition-duration:.4s; -moz-transition-duration:.4s;}

strike {color: #737373;text-decoration: line-through;-webkit-transition-duration:.4s; -moz,transition-duration:.4s;}

i{color: #737373;text-decoration: italic;}

 

.img-header {max-width:500px;border:none;background:none;padding:0px;margin-top:-285px;filter: alpha(opacity=100); opacity: 1.0;}

 

.navi {display: inline-block;color:#fafafa;font:normal 10px 'Trebuchet MS';text-transform: lowercase;letter-spacing: 1px; padding:2px 5px 2px 5px;margin-right:2px;margin-top:7px;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;filter: alpha(opacity=80); opacity: .8;}

.navi:hover {background:#fafafa;color:#3b3b3b;cursor:move;-webkit-transition-duration: 1s;}

.box{font-family: arial; font-size: 10px;text-align:left;width:500px;overflow:auto;padding: 10px;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

.credit {bottom:0px; width:100%; background: #000; padding-top: 12px;padding-bottom: 12px;font:normal 9px 'arial';}

.header-box{background:#000;height:40px;width:100%;}

.header-background {background:#fafafa;height:350px;width:100%;}

 

.title{color:#545454;font:italic 25px 'georgia';letter-spacing:2px;text-transform:lowercase;}

.date{background:#fafafa;font-size:9px;text-align:center;text-transform:lowercase;}

 

::-webkit-scrollbar {background: #fafafa;width: 10px;  }

::-webkit-scrollbar-thumb {background:#000;width: 10px;}

.blogger-labels {color: #000;padding: 5px;border-top: 1px solid #eee;}

.tr-caption{background:#fafafa;color:#999;font: normal 9px arial;padding:2px;border:1px solid #eee;border-top:none;filter: alpha(opacity=80); opacity: .8;-webkit-transition: .5s;-moz-transition: .5s;}

.tr-caption:hover{filter: alpha(opacity=100); opacity: 1.0;-webkit-transition: .5s;-moz-transition: .5s;}

ul{list-style-type:katakana-iroha;}</style>

<script type="text/javascript">

    function setAttributeOnload(object, attribute, val) {

      if(window.addEventListener) {

        window.addEventListener("load",

          function(){ object[attribute] = val; }, false);

      } else {

        window.attachEvent('onload', function(){ object[attribute] = val; });

      }

    }

  </script>

<div class="header-background">

&nbsp;</div>

<img class="img-header" src="http://i737.photobucket.com/albums/xx16/sekaryoshioka/header-aa.png" />

<div class="header-box">

<center>

<a class="navi" href="http://my.dek-d.com/ชื่อไอดี/" style="font:italic 20px 'georgia';background:none;color:#fafafa;" target="_blank">grayscale link.</a> <a class="navi" href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a> <a class="navi" href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG</a> <a class="navi" href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">writer</a> <a class="navi" href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">smsg</a></center>

</div>

<br />

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

<center>

<table cellpadding="0">

<tbody>

<tr>

<td valign="top">

<div id="main">

<blogger>

<div class="box">

<div class="title">

Welcome To MY&#39;ID</div>

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

<br />

<span style="color:#d3d3d3;">วุบส์! มาคุยกันหน่อยมาที่รุก เอ้ย! รัก :)</span></div>

</div>

<p>

&nbsp;</p>

<center>

<br />

&nbsp;</center>

</blogger></div>

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

<embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/ARO82lUakMw?version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;color1= FFFFFF &amp;color2=FFFFFF" type="application/x-shockwave-flash" width="175"></embed><br />

&nbsp;</div>

</td>

</tr>

</tbody>

</table>

<div class="credit">

<!--Credit-->

<center>

<span style="color:#ffffff;">Copyright &copy;. Layout by</span> <a href="http://goodbyewasalie.blogspot.com/" target="_blank">SekarYoshioka</a>. <span style="color:#ffffff;">Header image found it on</span><a href="https://www.google.co.id/"><span style="color:#ffffff;"> </span>Google</a>. <span style="color:#ffffff;">Please view it with</span> <a href="http://www.google.com/chrome/intl/en/landing_chrome.html?hl=en" target="_blank">Google Chrome</a> <span style="color:#ffffff;">edit by.<a href="http://my.dek-d.com/beatrice97/" target="_blank">shooflly-pie</a></span></center>

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

</center>

 

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

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

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

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

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

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

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

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

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