นิยาย limited.Blogskins ID Dream > ลำดับตอนที่ #9 : ★special : MBLAQ : Dek-D.com

limited.Blogskins ID Dream

ลำดับตอนที่ #9 : ★special : MBLAQ

อัปเดตล่าสุด 29 เม.ย. 56

#394075 ยังไม่ได้ใส่โค้ดล้างไอดี เอาไปใช้กรุณาเม้นบอกทุกครั้งนะคะ

<!--//Disable right mouse click Script

//By Dynamicdrive (renigade@nsimail.com)

//For full source code, visit http://www.dynamicdrive.com

var message="";

///////////////////////////////////

function clickIE4(){

if (event.button==2){return false;}}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("return false")// -->

</script>

#navbar-iframe {display: none;}

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

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{

height:10px;width:10px;display:block;background:#999;border:1px solid #999}

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

::-webkit-scrollbar-thumb:vertical,

::-webkit-scrollbar-thumb:horizontal{background-color:#999;border:1px solid #999}

::selection {background:#fff;color:#999;text-shadow: 2px 2px 3px #999;}

body {

background:url(http://s2.favim.com/orig/33/background-backgrounds-pattern-tumblr-background-wood-Favim.com-260514.jpg);

font-family: 'Inder';

color: #808080;

font-size:12px;

background-attachment:fixed;

}

a:link, a:visited {

text-decoration:none;

color:#9C9C9C;

padding:0px;

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

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

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

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

}

a:hover {

cursor:vertical-text;

background:url(http://data.whicdn.com/images/56083677/tumblr_mk3050jZzT1ru6ppmo1_500_large.png)80%;

border-bottom:1px dotted #dedede;

border-top:1px dotted #dedede;

color:#000;

}

b {

color: #444;

-webkit-transition-duration: 3s;

}

b:hover {

color: #FFFFFF;

-webkit-transition-duration: 3s;

}

u {

-webkit-transition-duration: 3s;

text-decoration:none;

border-bottom: 2px solid ;

color: #000;

padding: 1px;

}

u:hover {

color: #ffffff;

-webkit-transition-duration: 1s;

}

i {

font-family:georgia;

text-decoration: strong;

color:#9c9c9c;

}

#content {background:#ffffff;border-left:2px solid #000;border-right:2px solid #000;color:#666666;font-size: 12px;position: absolute; left:480px;padding: 10px;width:600px;}

.h4 {

color:#eee;

text-shadow: 2px 2px 3px #fff;

font-size:13px;

letter-spacing:2px;

border:1px solid #111;

margin-bottom:6px;

padding:6px;

text-align:leftt;

background:url(http://data.whicdn.com/images/48092869/tumblr_mg30wfkGfu1qe03lgo1_1280_large.jpg);

}

.sec-title {

font-size: 10px;

font-family: lucida console, trebuchet ms, sans-serif;

color:{color:sidebar text};

padding-right: 5px;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 0px;

line-height:10px;

letter-spacing:2px;

text-align:right;

padding: 4px; margin: 0px;

font-family: georgia;

border-top: 2px solid #000;

border-bottom: 2px dashed #000;

line-height:20px;

color:#999;

text-transform:lowercase;

font-style: italic;

}

blockquote{

background:url(http://data.whicdn.com/images/47902647/tumblr_mfzdcb6wT21ry05elo1_500_large.png);

padding:10px;

color:#000;

font-style:italic;

font-family:georgia;

letter-spacing:1px;

border-radius:10px;

border:2px solid #ccc;

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

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

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

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

transition: all 0.5s ease-in-out;

text-shadow: -1px 0 fff, 0 1px fff,

1px 0 fff, 0 -1px fff;

}

blockquote:hover{

background:url(http://data.whicdn.com/images/47902647/tumblr_mfzdcb6wT21ry05elo1_500_large.png)80%;

}

.raejun{

width:60px;

padding:15px;

margin-top:15px;

box-shadow:2px 2px 4px #DFDFDF;

background:#eee;

font:8px tt;

text-align:center;

Text-decoration:none;

color:#888;

text-transform:uppercase;

display:block;

-webkit-transition:All 0.5s ease;

-moz-transition:All 0.5s ease;

-o-transition:All 0.5s ease;

border-left:0px solid #000;

-webkit-border-top-right-radius: 333px;

-webkit-border-bottom-right-radius: 333px;

-moz-border-radius-topright: 333px;

-moz-border-radius-bottomright: 333px;

border-top-right-radius: 333px;

border-bottom-right-radius: 333px;

}

.raejun:hover{

width:66px;

border-left:10px solid #aaa;

}

@font-face {

font-family:tt !important;

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

}

.navi1 a{

color:#1e1e1e;

font-size: 9px;

text-align: left;

letter-spacing: 1px;

text-transform:lowercase;

}

.navi1 a:hover{

color:#444;

}

.navies {

background:transparent;

border:1px solid #a2a2a2;

color:#666;

display:inline-block;

width:80px;

padding:3px;

text-align:center;

letter-spacing:2px;

font:8px tt;

margin:3px;

-webkit-transform: rotate(360deg);

-webkit-transition:1200ms;

}

.navies:hover {

background:url (http://data.whicdn.com/images/48073200/tumblr_mg2owawJry1rqwe7fo1_500_thumb.jpg);

color:white;

display:inline-block;

width:80px;

padding:3px;

text-align:center;

margin:3px;

-webkit-transform: rotate(-360deg);

-webkit-transition:1200ms;

}

.kevo{

width:50px;

padding:4px;

margin:2px;

background:#BDBDBD;

font:8px tt;

cursor:vertical-text;

text-align:center;

Text-decoration:none;

color:#888;

text-transform:uppercase;

display:inline-block;

height:28px;

padding-top:25px;

border-radius:50%;

-webkit-transition:All 0.5s ease;

-moz-transition:All 0.5s ease;

-o-transition:All 0.5s ease;

transform: rotate(0deg) ;

-webkit-transform: rotate(0deg) ;

-moz-transform: rotate(0deg) ;

-o-transform: rotate(0deg) ;

-ms-transform: rotate(0deg) ;

}

.kevo:hover{transform: rotate(360deg) ;

-webkit-transform: rotate(360deg) ;

-moz-transform: rotate(360deg) ;

-o-transform: rotate(360deg) ;

-ms-transform: rotate(360deg) ;

color: #fff;

background:url(http://data.whicdn.com/images/55917098/164220_578895345468698_702432517_n_large.jpg);

}

@font-face {

font-family:tt !important;

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

}

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

.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-perspective: 800px;

-moz-perspective: 800px;

-o-perspective: 800px;

-ms-perspective: 800px;

perspective: 800px;

}

.ch-info-wrap {

top: 20px;

left: 20px;

background: #fff url(../images/bg.jpg);

box-shadow:

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

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

}

.ch-info {

-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-transition: all 0.6s ease-in-out;

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

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

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

transition: all 0.6s ease-in-out;

}

.ch-info .ch-info-front {

-webkit-transform-origin: 50% 100%;

-moz-transform-origin: 50% 100%;

-o-transform-origin: 50% 100%;

-ms-transform-origin: 50% 100%;

transform-origin: 50% 100%;

;

box-shadow:

inset 2px 1px 4px rgba(0,0,0,0.1);

}

.ch-info .ch-info-back {

background: rgba(230,132,107,0);

}

.ch-img-1 {

background-image: url(http://data.whicdn.com/images/55862588/221637_550997811598516_441792781_n_large.png);

}

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

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

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

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

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

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

box-shadow:

inset 0 0 5px rgba(255,255,255,0.2),

inset 0 0 3px rgba(0,0,0,0.3);

}

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

background:#F0ECE6;

}

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

<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>

<$blogitembody$></blogger><br>

<div style="float: left;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/">FOWARD POST ?</a></div>

<div style="float: right;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/search?updated-max=2013-01-01T22:52:00-08:00&max-results=1&start=1&by-date=false">PREVIOUS POST ?</a></div><br><br></div>

</div>

</td>

</div>

</td>

</div>

</div>

{<a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text; href="http://www.blogger.com/home">home?</a>|

<a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text; href="http://luckiestboyz99.blogspot.com/">affies</a>|

<a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text; href="http://www.blogger.com/follow-blog.g?blogID=3431560990513574840">+follow</a>}<br>

<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('About').innerHTML" title="About">About</a>

<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('Credits').innerHTML" title="Credits">Properties</a>

<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('Posts').innerHTML" title="Entries">Diary</a>

</br></br>

</center>

</div>

</li>

</ul>

</div>

<div class="h4">The Writter </div>

<div class="sec-title">"Hello! I just wanted to say thanks a lot to all my readers! I love you all!" </div><br>

</br>

<u>Details: </u></br>

<br>

<b>Name : </b> Mohamad Aqil B. Mohd Misbahhuddin [just call Are-Qil] <br>

<b>Birthdate : </b> 12th of April 99's line <br>

<b>Language : </b> Arabic + Malay + English + Korean + Javanese + French <br>

<b>Study : </b> Higher Secondary School Religion Sultan Hisamuddin <br>

<b>Citizen : </b> of Malaysia <br>

<b>Religion :</b> Islam [poor slave of Allah SWT] <br>

<b>Race : </b> Malay + Javanese [Malaysia] <br>

<b>Ambition : </b> Ambassador for the Malaysia! <br>

<b>Inspiration : </b> My beloved prophet : Prophet Muhammaad SAW <br>

</br>

</div>

<div class="h4">My Collection </div>

<div class="sec-title">"How I wish, I could just right click someone's head and get their properties option" </div><br>

</br>

Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum.Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.

</br>

<center>Skin By <a href="http://mohareqil99.blogspot.com/">Are-Qil </a>.Secondly, little code <a href="http://lucky0227lifeshoutzs.blogspot.com/">Yeza </a> and <a href="http://wanaseoby.blogspot.com/">Wana </a>. Finally best view from <a href="http://www.google.co.id/">Google Chrome</a> </br></center></blockquote>
</center>

</br>

</div>

</div>

<$blogitembody$></blogger><br>

<div style="float: left;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/">FOWARD POST ?</a></div>

</div>

</td>

</div>

</table></body></head></html>

ตอนต่อไปจะมาสอนการแก้โค้ดของแต่ละหน้านะคะ :D รับรองง่ายกว่าที่คุณคิด!

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

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

ลำดับตอนที่ #9 : ★special : MBLAQ

bubble.bb / k.sunflower

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

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

ความคิดเห็น

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

ลำดับตอนที่ #9 : ★special : MBLAQ

bubble.bb / k.sunflower

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

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

ความคิดเห็น