นิยาย Mademoiselle' { id Dream } > ลำดับตอนที่ #16 : { id dream } มาด'มัวแซล : Green Lax สีเขียวสบายตาสุดๆ พร้อมวงกลมแปลกๆเปิดได้ : Dek-D.com

Mademoiselle' { id Dream }

ลำดับตอนที่ #16 : { id dream } มาด'มัวแซล : Green Lax สีเขียวสบายตาสุดๆ พร้อมวงกลมแปลกๆเปิดได้

เนื้อหาตอนนี้เปิดให้อ่าน
814

0

16 เม.ย. 58

CODE' id

.ch-item {width: 100%;height: 100%;border-radius: 50%;position: relative;box-shadow: 0 1px 2px rgba(0,0,0,0.1);

cursor: default;}

.ch-info-wrap{

position: absolute;

width: 280px;

height: 280px;

border-radius: 50%;

-webkit-perspective: 800px;

-moz-perspective: 800px;

-o-perspective: 800px;

-ms-perspective: 800px;

perspective: 800px;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

top: 20px;

left: 20px;

background: #222;

box-shadow:

0 0 0 20px rgba(255,255,255,0.2),

inset 0 0 3px rgba(115,114, 23, 0.8);}

.ch-info{

position: absolute;

width: 280px;

height: 280px;

border-radius: 50%;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;}

.ch-info > div {

display: block;

position: absolute;

width: 100%;

height: 100%;

border-radius: 50%;

background-position: center center;

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

-o-backface-visibility: hidden;

-ms-backface-visibility: hidden;

backface-visibility: hidden;}

.ch-info .ch-info-back {

-webkit-transform: rotate3d(0,1,0,180deg);

-moz-transform: rotate3d(0,1,0,180deg);

-o-transform: rotate3d(0,1,0,180deg);

-ms-transform: rotate3d(0,1,0,180deg);

transform: rotate3d(0,1,0,180deg);

background: #fff; }

.ch-img-1 { background-image: url(http://1.bp.blogspot.com/-v4PSotAbgBA/TukDupxWuHI/AAAAAAAADYw/tv3fbBVGrTo/s640/tumblr_lp63u98J6V1qhrgw5o1_500.jpg);background-size:500px;}

.ch-item:hover .ch-info-wrap {

box-shadow:

0 0 0 0 rgba(255,255,255,0.8),

inset 0 0 3px rgba(115,114, 23, 0.8);}

.ch-item:hover .ch-info {

-webkit-transform: rotate3d(0,1,0,-180deg);

-moz-transform: rotate3d(0,1,0,-180deg);

-o-transform: rotate3d(0,1,0,-180deg);

-ms-transform: rotate3d(0,1,0,-180deg);

transform: rotate3d(0,1,0,-180deg);}

.ch-grid {

margin: 20px 0 0 0;

padding: 0;

list-style: none;

display: block;

text-align: center;

width: 100%;}

.ch-grid:after,

.ch-item:before {

content: '';

display: table;}

.ch-grid:after {

clear: both;}

.ch-grid li {

width: 320px;

height: 320px;

display: inline-block;

margin: 20px;}</style>

<li>

 </div>

<br />

<span style="color:#000000;">WELCOME!</span></div>

</div>

</li>

</ul>

</center>

document.ondragstart = function () { return false; }; </script>

#navbar-iframe {display: none;}

.header {margin-left: 2px;margin-bottom: -45px;

border: 0px #F4C1C2 dashed;-webkit-transition:2s}

::-webkit-scrollbar {width: 7px;height: 10px;}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 10px;width: 7px;display: block;background: #fff;border: 1px solid #dedede}

::-webkit-scrollbar-track-piece {background-color: #fff;}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color: #fff;border: 1px solid #dedede}

@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}

body {background-image:url(http://1.bp.blogspot.com/-GEd5U1qyLno/UYVRx2IzylI/AAAAAAAARqQ/r8FRFqMt9wY/s1600/VF_p35.jpg);background-attachment: fixed;background-repeat: repeat;background-position: center;font-family: trebuchet ms;font-size: 10px;color: #757575;line-height: 17px;cursor: url(http://4.bp.blogspot.com/-qRRR6nDo6iw/Ti71h51n6bI/AAAAAAAABSU/CiQu2cTttv8/s1600/mousetache.png), progress;background-attachment:fixed;background-position:center center;}

.content {background:#fff;font-size: 13px;padding: 3px;}

img{border: 1px solid #eee;padding:2px;}

a:link, a:visited { cursor:url(http://3.bp.blogspot.com/-Do0cmJjvJPk/Ti73CbM3xgI/AAAAAAAABSc/Ofp12BRWofw/s1600/cursor1.png);font:8px ;text-decoration: none;color: #B0A7A7;-webkit-transition: 1.3s}

a:hover { -webkit-background-clip: text;color: white;-webkit-text-fill-color: transparent;

background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));

background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

-webkit-transition: 1.3s;

}

.sidebar { padding:3px;border-radius:20px;background: transparent;}

.sidebar2 {padding: 5px;}

.tr-caption{font:8px tinytots;background:black;color:#999;letter-spacing: 1.8px;text-transform:uppercase;padding:1px 2px}

.h1 {text-align:left;letter-spacing:3px;color:#888;background: #FFFFFF;

background-image: url(http://www.pastelpatterns.com/small/smallpattern-5.png);margin-bottom: 5px;margin-top: -30px;padding-top: 1px;padding-bottom: 1px;border: 1px solid #f1f1f1;

font-family: 'Amatic SC', cursive;font-size: 25px;font-weight: bold;

text-transform: uppercase;}

.sayakinie {margin-bottom:8px;text-shadow: 2px 2px 3px #6e6e6e;color:#000;

font-family:'trebuchet ms';font-size:18px;line-height:18px;text-align: center;

margin-top:0.1em;-webkit-transition:3s;transition:3s;border-bottom: 2px dashed #999999;}

.h2 {color:#888;font-family:tinytots;font-size:9px;letter-spacing:1px;}

.h3 {background:url(http://www.pastelpatterns.com/small/smallpattern-7.png);color:#888;font-family:arial;font-size:11px;letter-spacing:5px;line-height:8px;}

blockquote { padding: 10px 10px 10px 26px;border:1px dotted #dedede;background-position:bottom right;background-repeat:no-repeat;

background-image: url(http://media.tumblr.com/tumblr_m89hi1WLc61qdlkyg.gif);}

img.sid {width: 60px;height: 60px;float: left; border: 1px solid #F0E7D3;

margin-right: 5px; margin-bottom: 5px;padding: 3px;}

img.bid { width: 120px;height: 120px;float: right; border: 1px solid #F0E7D3;

margin-right: 5px; margin-bottom: 5px;padding: 3px;}

a.jeonjin1 {letter-spacing:1px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;cursor:url(http://3.bp.blogspot.com/Do0cmJjvJPk/Ti73CbM3xgI/AAAAAAAABSc/Ofp12BRWofw/s1600/cursor1.png);display:inline-block;font:8px tt;text-align:center;width:30px;height:10px;color:#888 !important;padding:5px;padding-top:15px;background:#eee;text-decoration:none;-webkit-border-top-left-radius: 33px;-webkit-border-top-right-radius: 33px;-moz-border-radius-topleft: 33px;-moz-border-radius-topright: 33px;border-top-left-radius: 33px;border-top-right-radius: 33px;border:2px solid #ddd;border-bottom:none;}

@font-face {

font-family:tt;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;}

img {border: 1px #eee solid; padding:5px;text-decoration:none;}

b, strong { color: #757575; }

s, strike { color: #BEC652; }

i, italic { color: #C65271; }

u, underline { border-bottom: 2px solid #C69F52; -webkit-transition: 0.5s; margin-top:-2px; }

u:hover, underline:hover { color: transparent; -webkit-transition: 0.5s; }

a.grenny {background:#52C6C6;padding:4px;padding-left:8px;padding-right:8px;

font:8px tinytots;text-transform:uppercase;color:white;-webkit-transition:1s;

-moz-transition:1s;}

a.cutiey {background:#52C663;padding:4px;padding-left:8px;padding-right:8px;

font:8px tinytots;text-transform:uppercase;color:white;

-webkit-transition:1s;-moz-transition:1s;}

.blogger-labels {background:#FFFF77;padding:4px;padding-left:6px;

padding-right:6px;font:8px tinytots;text-transform:uppercase;color:#565454;

-webkit-transition:1s;-moz-transition:1s;}

a.saya {letter-spacing:1px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;margin:1px;text-transform:uppercase;display:inline-block;font:8px tt;textalign:center;background: #fff;width:95px;color:#9f9f9f; padding:2px; border:1px solid #F6D8C4;border-left:20px solid #F6D8C4;text-decoration:none;}

a.saya:hover{border-left:1px solid #ccc; border:1px solid #CFBEB3;border-right:20px solid #CFBEB3;}

@font-face {

font-family:tt;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}</style>

<tbody>

<tr>

<br />

<img src="http://media.tumblr.com/20611f38a79a7d1ba997d4ad3a001d1e/tumblr_inline_mgpjctelyY1qdlkyg.gif" /> profile!</div>

<img class="sid" src="http://data.whicdn.com/images/6543804/tumblr_lfcm04PSXr1qb62q0o1_500_large.jpg" /><span style="color:#808080;">put your profile</span><br />

<br />

 </div>

<br />

click link in here</div>

<br />

<a class="yu" href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a>   <a class="yi" href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG</a>   <a class="yu" href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITER</a><br />

<br />

<a class="yi" href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG</a>       <a class="yu" href="http://my.dek-d.com/ชื่อไอดี/my.id_station/index.php" target="_blank">LOGIN</a></div>

</center>

</div>

<br />

<img src="http://media.tumblr.com/c78f6d3fc5d4681f86fe5abe40d60d3c/tumblr_inline_mgpj8yrQvM1qdlkyg.gif" /> Listen!</div>

 </center>

</embed></center>

</div>

</td>

<br />

<br />

 </div>

<br />

<span style="color:#808080;">พิมพ์อะไรลงไปหน่อยสิ ;)</span><br />

 </center>

</div>

<img src="http://media.tumblr.com/bc0db7946404886c647f446254ddeb89/tumblr_inline_mgpj9cXeQ41qdlkyg.gif" /> Exchange link!</div>

<br />

<br />

<br />

 </div>

</center>

</div>

<$blogitemtitle$>

<br />

</script><script type="text/javascript" language="javascript">

var arr = document.getElementsByTagName("a"); //get all links in the page

for(var i = 0; i < arr.length; i++)

{

if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog

&& arr[i].href.indexOf("javascript:") < 0) //not javascript links

arr[i].target = "_blank";

}

</script></div>

</div>

</td>

</tr>

</tbody>

</table>

<blogger><script type="text/javascript" src="http://www.blogger.com/static/v1/common/js/612699025-csitail.js"></script><script type="text/javascript">BLOG_initCsi('classic_blogspot');</script>

Template by <a href="http://www.blogskins.com/me/nurah">Nurah</a>. Edit by <a href="http://my.dek-d.com/nammook/" target="_blank">Soofly-Pie</a></center>

<br />

url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);

div.b-mobile {display:none;}

#labelList {}

ul#label-list {

text-align:justify;

margin-left:-38px;

margin-top: -10px;

}

ul#label-list li {

display:inline;

}

ul, li {list-style-type: Hiragana;

}

.exo{

display:inline-block;

width: 170px;

padding:3px;

margin:5px;

background:#fafafa;

font:8px tt;

text-align:left;

Text-decoration:none;

color:#b0b0b0;

text-transform:uppercase;

border:0px solid #b1b1b1;

}

.exo:hover{

-webkit-transition-duration: 0.5s; color: #ccc;}

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

.believe{

position:fixed;

-webkit-transition:All 0.5s ease;

-moz-transition:All 0.5s ease;

-o-transition:All 0.5s ease;

top:-30;

left:20px;

text-align:center;

text-transform:uppercase;

font-family: 'lucida sans unicode';

font-size: 9px;}

.believe:hover{

position:fixed;

top:3}

.doradora{

background:#fff;

width:50px;

height:25px;

padding-top:10px;

background:#F1ECEA; }</style>

music</div>

</div>

var gaqPrefix = '';

if (window.lastSetAccountCount) {

gaqPrefix= 'b' + window.lastSetAccountCount + '.';

window.lastSetAccountCount++;

}

var _gaq = _gaq || [];

_gaq.push([gaqPrefix + '_setAccount', "UA-18003-7"]);

_gaq.push([gaqPrefix + '_trackPageview' ]);

_gaq.push([gaqPrefix + '_setAllowAnchor', true]);

_gaq.push([gaqPrefix + '_setDetectClientInfo', false]);

window.lastSetAccountCount = 1;

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);

})();

function trackBloggerPageView(opt_url) {

try {

_gaq.push([gaqPrefix + '_trackPageview', opt_url]);

} catch(err) {}

}

</script>

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

 </div>

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

</blogger><br />

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

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

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

ตัวแรก .ch-img-1 { background-image: url(http://1.bp.blogspot.com/-v4PSotAbgBA/TukDupxWuHI/AAAAAAAADYw/tv3fbBVGrTo/s640/tumblr_lp63u98J6V1qhrgw5o1_500.jpg)
มันเป็นรูปในวงกลมๆที่อยู่บนสุดนั่นน่ะจ้ะ ใครอยากเห็นลูกเล่นวงหลมนี่ก็ คลิ๊ก เลยนะจ๊ะ

body {background-image:url(http://1.bp.blogspot.com/-GEd5U1qyLno/UYVRx2IzylI/AAAAAAAARqQ/r8FRFqMt9wY/s1600/VF_p35.jpg)
ตัวนี้เป็นพื้นหลังลายตารางจ้า

<img class="sid" src="http://data.whicdn.com/images/6543804/tumblr_lfcm04PSXr1qb62q0o1_500_large.jpg"
อันนี้เป็นรูปที่อยู่ใต้คำว่า Profile นะคะ หลายคนอาจคิดว่ามันเป็นอวาตาร์แค่ก๊อปวางก็จบ
แต่มันไม่ใช่นะคะ ดังนั้นถ้าคุณจะเปลี่ยนรูปในกรอบนั้นก็ให้ใส่ลิงค์รูปที่คุณต้องการลงไปแทนตัวสีส้มนี้นะคะ

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

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

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

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

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

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #16 : { id dream } มาด'มัวแซล : Green Lax สีเขียวสบายตาสุดๆ พร้อมวงกลมแปลกๆเปิดได้

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #16 : { id dream } มาด'มัวแซล : Green Lax สีเขียวสบายตาสุดๆ พร้อมวงกลมแปลกๆเปิดได้

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น