นิยาย ´·.*:.iD.Dream Room.:*.·´ > ลำดับตอนที่ #2 : No.2 : Black & White : Dek-D.com

ลำดับตอนที่ #2

´·.*:.iD.Dream Room.:*.·´

ลำดับตอนที่ #2 : No.2 : Black & White

อัปเดตล่าสุด 17 มิ.ย. 55

ตัวอย่างๆ

>จิ้มๆ<

จะใช้ก๊อปโค้ดล่างไปโลด
มีโค้ดล้างอยู่แล้วนะแจ๊ะ

#navbar-iframe {

display: none;

}

::-webkit-scrollbar {

width: 7px;

height: 7px;

}

::-webkit-scrollbar-track-piece {

background-color: #000000;

border: 3px solid #fff;

}

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

background-color: #000000;

border: 1px solid #ffffff;

}

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

background-color: 2E2E2E;

border: 1px solid #fff;

}

.header {

margin-left: 2px;

margin-bottom: -33px;

-webkit-transition:2s

}

body {

color: #2E2E2E;

background:url(http://4.bp.blogspot.com/-XhNdnNMVZtg/TpP12WY65CI/AAAAAAAAA3E/XK7jFNiq_K8/s1600/set6+%25282%2529.png);

background-attachment:inherit;

cursor: url( http://i1218.photobucket.com/albums/dd417/cheesweet/tinyarrowgrey.png), progress;

font-family: verdana;

letter-spacing: 1px;

line-height: 15px

font-size: 9px;

}

a:link, a:visited {

color: #848484;

font-family: Short Stack;

font-size: 11px;

text-decoration:none;

-webkit-transition:1s;

cursor: url( http://i1218.photobucket.com/albums/dd417/cheesweet/tinyarrowgrey.png), progress;

}

a:hover{

cursor: url( http://i1218.photobucket.com/albums/dd417/cheesweet/tinyarrowgrey.png), progress;

color: #FFFFFF;

text-decoration: none;

padding-left:5px;

-webkit-transition:1.2s;

}

a.navi {

border:1px solid #eee;

border-radius:4px;

color: #000000;

-webkit-transition: 2s;

padding:2px;

}

a.navi:hover {

background:url(http://4.bp.blogspot.com/-XhNdnNMVZtg/TpP12WY65CI/AAAAAAAAA3E/XK7jFNiq_K8/s1600/set6+%25282%2529.png);

color: #000000;

text-decoration: none;

-webkit-transition: 0.7s;

}

.title {

margin-top: 7px;

margin-bottom: 3px;

margin-left: 1px;

margin-right: 1px;

color:#2E2E2E;

letter-spacing:2px;

padding-left: 7px;

padding-right: 7px;

padding-top: 4px;

padding-bottom: 4px;

font-weight: bold;

font: 16px 'Annie Use Your Telescope',cursive;

line-height:18px;

text-align: center;

border-left: 5px double #848484;

border-right: 5px double #848484;

border-top: 1px solid #848484;

border-bottom: 1px solid #848484;

background:url(http://4.bp.blogspot.com/-XhNdnNMVZtg/TpP12WY65CI/AAAAAAAAA3E/XK7jFNiq_K8/s1600/set6+%25282%2529.png);

}

.title:hover {

padding-left:160px;

-webkit-transition: .7s;

opacity:.01;

}

.sidefooter {

margin-top: 7px;

margin-bottom: 3px;

margin-left: 1px;

margin-right: 1px;

color:#5A5A5A;

letter-spacing:2px;

padding-left: 2px;

padding-right: 2px;

padding-top: 2px;

padding-bottom: 2px;

font-family: verdana;

line-height: 15px

font-size: 11px;

line-height:17px;

border-radius: 5px;

background:url(http://4.bp.blogspot.com/-XhNdnNMVZtg/TpP12WY65CI/AAAAAAAAA3E/XK7jFNiq_K8/s1600/set6+%25282%2529.png);

}

img {

cursor: url( http://i1218.photobucket.com/albums/dd417/cheesweet/tinyarrowgrey.png), progress;

-webkit-transition: 0.5s;

border-radius: 10px;

}

.header {

text-align: center;

-webkit-transition: 1s;

opacity:100;

}

.header:hover {

padding-left:160px;

-webkit-transition: .7s;

opacity:.01;

}

::selection {

background-color: #848484;

color: #666;

}

::-moz-selection {

background-color: #848484;

color: #666;

}

.footer {

margin-top: 5px;

margin-bottom: 15px;

border-top: 1px #eee solid;

text-align: right;

}

blockquote {

background:url(http://i1138.photobucket.com/albums/n531/Ejat_Que/pkOE1.png);

display:block;

padding:5px;

border:1px dashed #A4A4A4;

color:#9C9C9C;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

blockquote:hover {

background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);

color:#606060;

border-right: 10px

-webkit-transition: 3s;}

}

i {

color: #848484;

}

i:hover {

color: #848484;

}

u {

text-decoration:none;

color:#848484;

padding: 2px;

line-height: 5px;

border-bottom: 2px solid #848484;

}

u:hover {

color: #FFFFFF;

border-bottom: 1px solid transparent;

-webkit-transition: 0.3s;

}

b {

color: #848484;

font-weight: bold;

}

b:hover {

color: #FFFFFF;

-webkit-transition: 0.3s;

}

strike {

text-decoration: none;

color: #848484;

-webkit-transition: .5s;

}

</style> <br />

<tbody>

<tr>

<div class="title">My profile</div>

<br />

<br />

 <br />

</center>

<div class="title">Best Friends (?)</div>

<br />

<br />

</center>

<div class="title">Credit !</div>

<br />

</center><br />

Template made by : <a href="http://mohareqil99.blogspot.com/">Moha</a><a href="http://www.blogskins.com/me/baby_vampire">Are-Qil</a><br />

Image support by : <a href="http://weheartit.com/">WeHeartit</a><br />

Change by :<a href="http://my.dek-d.com/napassorn56/"> D_Lady</a><br />

<br />

</div>

</center></td>

<br />

</blogger></div>

</td>

</tr>

</tbody>

</table>

<div class="title">I'm the OWNER of this Blog!</div>

<br />

</center> <br />

Hye!!! How r u? Fine? thnx coz came to my blog. Now I wanna Intro My Self n I'll give some of my short bio!!!! :D **REPLACE** <br />

<br />

<br />

<$BlogItemBody$><br />

<<br />

<div class="footer">Sincerely:??? | Written by author of this blog at <$BlogItemDateTime$> <b> style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>">><$BlogItemCommentCount$> Lovely babe!</a></div>

</blogger></div>

<div class="title">Give me your HEARTS!</div>

<br />

<center><a href="http://mohareqil99.blogspot.com/">Moha Are-Qil</a> | <a href="http://mohareqil99.blogspot.com/">Dude</a> | <a href="http://mohareqil99.blogspot.com/">Dude</a> | Whose the next ? | </center></div>

</div>