คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

Mademoiselle' { id Dream }

ตอนที่ 3 : { id dream } มาด'มัวแซล : Color Cool Box กล่องหลากสีสสุดเก๋


     อัพเดท 5 พ.ค. 60
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: ยังไม่มี
ผู้แต่ง : Shoofly Pie ดูเน็ตเวิร์คอื่นๆ ของ Shoofly Pie
My.iD: https://my.dek-d.com/nammook
< Review/Vote > Rating : 94% [ 21 mem(s) ]
This month views : 12 Overall : 7,035
470 Comment(s), [ แฟนพันธุ์แท้ 438 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Mademoiselle' { id Dream } ตอนที่ 3 : { id dream } มาด'มัวแซล : Color Cool Box กล่องหลากสีสสุดเก๋ , ผู้เข้าชมตอนนี้ : 830 , โพส : 4 , Rating : 0% / 0 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด



 CODE' id
 
<style type="text/css">
.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}</style>
<link href="*YOUR-FAVICON-URL*" rel="shortcut icon" />
<title></title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
user-select: none;
background:url(http://i.imgur.com/iFbTjzy.png);
background-attachment:fixed;
cursor: nw-resize;
font-family: trebuchet ms; 
font-size: 11px; 
line-height: 15px; 
color: #4444444; 
text-align: justify;
}
a:link, a:visited {
font-family: georgia;
color:#A4A379;
text-decoration:none;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
}
a:hover {
color:transparent; 
text-shadow:#A4A379 2px 2px 2px;
cursor: nw-resize;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
}
#blogpost {
position: absolute; 
top: 180px; 
left: 300px; 
width:630px; 
color: #000; 
padding:15px; 
background: #ffffff; 
opacity: 0.8;
}
.blogtop {
position: fixed;
background: #131B1D;
top: 0px;
left: 300px;
width: 630px;
height: 130px;
padding: 15px;
.blogdown {
position: fixed;
background: #ECECD7;
bottom: 0px;
left: 300px;
width: 630px;
height: 20px;
padding: 15px;
text-align: center;
.sidebar1 {
position: fixed;
top: -80px;
left: 300px;
width: 200px;
height: 220px;
background: #FDAD96;
padding: 10px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
color: #FFFFFF;
text-align: center;
font-family: arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
border-bottom: 20px solid transparent;
overflow: hidden;
}
.sidebar1:hover {
top: 160px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-box-shadow: 0px 8px 6px -5px #ADADA5; -moz-box-shadow: 0px 8px 6px -5px #ADADA5; box-shadow: 0px 8px 6px -5px #ADADA5;
}
.sidebar2 {
position: fixed;
top: -10px;
left: 520px;
width: 200px;
height: 150px;
background: #C9DDB0;
padding: 10px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
color: #FFFFFF;
text-align: center;
font-family: arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
border-bottom: 20px solid transparent;
overflow: hidden;
}
.sidebar2:hover {
top: 160px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-box-shadow: 0px 8px 6px -5px #ADADA5; 
-moz-box-shadow: 0px 8px 6px -5px #ADADA5; 
box-shadow: 0px 8px 6px -5px #ADADA5;
}
.sidebar3 {
position: fixed;
top: -80px;
left: 740px;
width: 200px;
height: 220px;
background: #A9DDC7;
padding: 10px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
color: #FFFFFF;
text-align: center;
font-family: arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
border-bottom: 20px solid transparent;
overflow: hidden;
}
.sidebar3:hover {
top: 160px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-box-shadow: 0px 8px 6px -5px #ADADA5; -moz-box-shadow: 0px 8px 6px -5px #ADADA5; box-shadow: 0px 8px 6px -5px #ADADA5;
}
.title1 {
font-family: georgia;
text-align: center;
font-style: italic;
font-size: 25px;
color: #90763C;
letter-spacing: 10px;
margin-bottom: 20px;
margin-top: 10px;
}
.title2 {
font-family: georgia;
font-size: 12px;
text-align: center;
text-transform: uppercase;
padding: 5px;
letter-spacing: 3px;
margin-bottom: 15px;
border-bottom: 1px dashed #F1F1F1;
}
.title3 {
font-family: georgia;
text-align: right;
font-style: italic;
font-size: 25px;
color: #DCDCBB;
letter-spacing: 10px;
margin-bottom: 15px;
}
.blogger-labels {
visibility: hidden;
}
.networks {
display: inline-block;
width: 165px;
margin-bottom: 8px;
font-family: arial;
text-transform: uppercase;
color: #FFFFFF;
background: #FDAD96;
padding: 5px;
letter-spacing: 5px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
}
blockquote {
letter-spacing: 2px;
font-style: italic;
text-align: center;
padding: 10px;
border: 1px dashed #E9E9E9;
}
.icon {
float: left;
border: 5px solid #DCDCBB;
margin-top: -20px;
margin-right: 10px;
margin-bottom: 10px;
}
.navigation {
font-size: 50px;
color: #000000;
padding: 3px;
-webkit-transition: 0.3s;
}
u {
padding: 1px;
text-decoration:none;
border-bottom: 2px solid #000000;
}
::-webkit-scrollbar {
width: 10px;
background:url(http://i.imgur.com/1lT2VDy.png);
}
::-webkit-scrollbar-thumb {
background-color: #C9DDB0;
}</style>
<div id="blogpost">
<blogger>
<div class="title2">
<span style="color:#000000;"><strong>Profile</strong> Left one</span> &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000000;"><strong>LINK</strong> in middle</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#000000;">right is <strong>bla bla&nbsp;</strong></span></div>
<div class="title1">
&quot;<blogitemtitle>Talk To ME!</blogitemtitle>&quot;</div>
</blogger>
<div style="text-align: center;">
<span style="color:#000000;">วอร์คกี้ทอร์คกี้ จู๋จี๋ปากิ่งโก้! ใส่ทอร์คตรงนี้เลยนะเออ!</span><br />
&nbsp;</div>
<center>
<br />
&nbsp;</center>
<br />
<div style="text-align: center;">
&nbsp;</div>
</div>
<div class="sidebar1">
MY PROFILE</div>
<div class="sidebar2">
<a class="network"><br />
&nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a><br />
<br />
&nbsp;<a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG<br />
<br />
&nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITER<br />
<br />
&nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG<br />
<br />
&nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/my.id_station/index.php" target="_blank">CONTROL<br />
&nbsp;</a></div>
<br />
<div class="sidebar3">
PUT SOMETHING<br />
ABOUT YOU ON THIS!</div>
<div class="blogtop">
<div class="title3">
<span style="color:#c9ddb0;">WELCOME baby.</span></div>
<div class="icon">
<a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><img src="http://2.bp.blogspot.com/-yigckjEYMNo/UOH4_TAGONI/AAAAAAAAA4M/3mqs7v9jd4g/s1600/OP7.jpg" /></a></div>
<div style="text-align: center;">
<font color="#ffffff">ตรงนี้โล่งเบย! ใส่อะไรไปก็ได้นะ &gt;O&lt;</font></div>
<div style="text-align: right;">
<br />
<br />
<br />
<br />
<a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><span style="color:#ffffff;"><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></span></a></div>
</div>
<a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><!-----DON'T REMOVE THIS BABY :)-----></a>
<div class="blogdown">
<a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><span style="color: black; font-family: Tahoma, sans-serif; font-size: 8pt; line-height: 115%; text-align: justify;">Theme made by</span><span style="color: black; font-family: Tahoma, sans-serif; font-size: 9pt; line-height: 115%; text-align: justify;">&nbsp;</span></a><a href="http://childishkidblogger.blogspot.com/" target="_blank">AlbertChristofer</a>. <span style="color:#000000;"><span style="font-family: Tahoma, sans-serif; font-size: 10.399999618530273px; line-height: 11.199999809265137px; text-align: justify;">Icon form</span></span><span style="font-size: 11px;">&nbsp;</span><a href="http://www.blogger.com" style="font-size: 11px;" target="_blank">Here</a><span style="font-size: 11px;">&nbsp;</span><span style="color: rgb(0, 0, 0); font-family: Tahoma, sans-serif; font-size: 10.399999618530273px; line-height: 11.199999809265137px; text-align: justify;">Edit by</span><span style="font-size: 11px;">&nbsp;</span><a href="http://my.dek-d.com/nammook/" style="font-size: 11px;" target="_blank">Shoofly-Pie</a></div>
<!-----DON'T REMOVE THIS BABY :)----->
<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>
<br />
<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/iFbTjzy.png)
มันคือส่วนแบ็คกราวนด์จ้ะ(ถ้ามองลายไม่ชัดมองจากธีมก็ได้นะ แบ็คกราวนด์เดียวกัน) เห็นป่ะเรียบๆข้างหลังอ่ะ
เธอสามารถเปลี่ยนตัวแบ็คกราวนด์สีขาวๆเป็น
แบ็คกราวนด์ลายอื่นได้นะแต่ต้องเป็นลิงค์รูปเท่านั้น

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

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


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

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

ABOUT ลูกเล่นของไอดีตัวนี้!

อันนี้จะอ่านก็ได้ไม่อ่านก็ได้แต่ถ้าอ่านก็ดี 5555 จะอธิบายเพิ่มเติมเกี่ยวกับไอดีตัวนี้
เห็นไอ้สี่เหลี่ยม 3 สีป่ะ สามอันนั้นอ่ะมันเป็นกล่องนะ ถ้าเธอเอาเมาส์ชี้มันจะเลื่อนลงมา
แบบอันสีฟ้าที่เห็นในรูป ข้างในเธอสามารถเขียนอะไรลงไปก็ได้^^

แต่อันสีเขียวตรงกลางห้ามยุ่งอะไรนะเพราะเราใส่ลิงค์เอาไว้
แก้ได้แค่ส่วน
 'ชื่อไอดี' อย่างที่บอกไปในข้อ2 ถ้ายุ่งล่ะก็โค้ดเละนะเออ


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


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Mademoiselle' { id Dream } ตอนที่ 3 : { id dream } มาด'มัวแซล : Color Cool Box กล่องหลากสีสสุดเก๋ , ผู้เข้าชมตอนนี้ : 830 , โพส : 4 , Rating : 0% / 0 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 4 : ความคิดเห็นที่ 384
ยืมค่ะ
Name : Maprow_ff < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Maprow_ff [ IP : 223.205.130.206 ]
ส่งข้อความลับ
วันที่: 25 เมษายน 2559 / 16:16
# 3 : ความคิดเห็นที่ 371
ยืมนะค้าาา
PS.  ซ่าเป็นบางโอกาส ฉลาดเป็นบางเวลา บ้าเป็นพักๆ เเต่น่ารักตลอดกาล~
Name : ♔Chocolia♔ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ♔Chocolia♔ [ IP : 101.109.219.43 ]
ส่งข้อความลับ
วันที่: 23 มีนาคม 2559 / 20:07
# 2 : ความคิดเห็นที่ 311
ขอยืมไปใช้จ้า ขอบคุณคุณจ้า
Name : J-KEDAケダ。 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ J-KEDAケダ。 [ IP : 49.230.123.211 ]
ส่งข้อความลับ
วันที่: 18 มิถุนายน 2558 / 18:11
# 1 : ความคิดเห็นที่ 275
ยืมนะค้าาาา :D
Name : PostMeridiem < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ PostMeridiem [ IP : 49.48.136.147 ]
ส่งข้อความลับ
วันที่: 10 เมษายน 2558 / 17:49
หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android