Mademoiselle' { id Dream }

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 839
    จำนวนคนให้กำลังใจ : 0 ครั้ง
    10 เม.ย. 58



 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!!! ใส่โค้ดล้างไอดีให้แล้วน๊า! 
 

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

471 ความคิดเห็น

  1. #456 realllpla (@realllpla) (จากตอนที่ 24)
    วันที่ 7 มกราคม 2561 / 01:46
    ขออนุญาตนำไปใช้นะคะ :)
    #456
    0
  2. #441 sa-ansai' (@sannsai) (จากตอนที่ 24)
    วันที่ 2 เมษายน 2560 / 23:20
    ยืมค่ะ
    #441
    0
  3. #428 สัมมีโยลิน (@dakaneki) (จากตอนที่ 24)
    วันที่ 25 ธันวาคม 2559 / 12:34
    ขอบคุณนะคะ สวยมากเลยค่ะ ><
    #428
    0
  4. #418 『WAЯAÏ』 (@erkky2004) (จากตอนที่ 24)
    วันที่ 23 กันยายน 2559 / 13:17
    ยืมนะเตง
    #418
    0
  5. #415 Barthelemy (@Barthelemy) (จากตอนที่ 24)
    วันที่ 27 สิงหาคม 2559 / 18:13
    ขอยืมไอดีธีมนี้ไปใช้นะคะ 
    #415
    0
  6. #407 Foxtail de.Gwynzivior (@giffyandgetty) (จากตอนที่ 24)
    วันที่ 18 กรกฎาคม 2559 / 15:26
    ขอยืมนะครับ สวยมากเลย เป็นกำลังใจให้ผผลิตธีมดีๆสวยๆออกมาอีกนะครับ 
    #407
    0
  7. วันที่ 1 พฤษภาคม 2559 / 18:51
    ขอยืมและปรับเปลี่ยนนิดหน่อยนะคะ
    #388
    0
  8. #370 dunnnnnnnne . (@cyanmiserable) (จากตอนที่ 24)
    วันที่ 16 มีนาคม 2559 / 16:04
    ขออนุญาตนำไปใช้นะคะ อันนี้เรียบ ๆ แต่สวยมาก
    ขอขอบคุณมาก ๆ ค่า :D
    #370
    0
  9. #334 PostMeridiem (@postmeridiem) (จากตอนที่ 24)
    วันที่ 14 ตุลาคม 2558 / 10:38
    ขอยืมนะคะ ขอบคุณมากค่ะ ><
    #334
    0
  10. #329 femizta (@honey_beat) (จากตอนที่ 24)
    วันที่ 28 กันยายน 2558 / 01:09
    ขอบคุณค่ะ
    #329
    0
  11. #303 kamikurosama (@nootangmo123) (จากตอนที่ 24)
    วันที่ 10 พฤษภาคม 2558 / 21:13
    ยืมนะคะ สวยมากๆ
    #303
    0
  12. วันที่ 8 พฤษภาคม 2558 / 11:57
    ขอบพระคุณเป็นอย่างสูงครับ
    #300
    0
  13. #289 =MRPANIC (@nalakjung124) (จากตอนที่ 24)
    วันที่ 25 เมษายน 2558 / 17:10
    ขอบคุณค่ะ
    #289
    0
  14. #276 som_orangi (@som_orangi) (จากตอนที่ 24)
    วันที่ 11 เมษายน 2558 / 19:55
    ขอยืมไปใช้นะคะ สวยมากเลย:)
    #276
    0
  15. #273 E L I X | R (@elixirclarke) (จากตอนที่ 24)
    วันที่ 9 เมษายน 2558 / 13:06
    ขออนุญาตยืมไปใช้นะคะ สวยมากค่ะะ!
    #273
    0
  16. #265 สมศรี ♡ (@garanaika) (จากตอนที่ 24)
    วันที่ 1 เมษายน 2558 / 20:36
    ขอบคุณ
    #265
    0
  17. #184 N.netz;Yul)) (@sharapova) (จากตอนที่ 24)
    วันที่ 18 ตุลาคม 2557 / 22:52
    ขอยืมนะคะ น่ารักกกขอบคุณมากค่ะ
    #184
    0