Reindeer DREAM

ลำดับตอนที่ #10 : REINDEER | It's a daisy

It's a daisy
 

โอ้ว...เธอที่รักเหมือนมีอะไรเปลี่ยนไป
ความจริงกับความฝัน..ฉันรักเธอ..ตลอดไป


สวัสดีค่าาา ครั้งนี้พลอยเอาสกินจาก BlogSkins มาดัดแปลง
ให้นะคะ พลอยทำการสร้างปุ่มต่างๆที่จำเป็นต้องใช้เรียบร้อยแล้ว

  รายละเอียด  
 โทนสีขาว สบายตา มีดอกเดซี่สวยๆ
 มีพื้นที่เขียนเยอะแยะ (ตาแป้ะขายถั่ว)
 ใส่เพลง เพ้อ - Skipit
 ล้างไอดีให้เรียบร้อย
 มีเมาส์ในตัว




 

<style type="text/css">

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

 height: 230px;

 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: 230px;

 height: 230px;

 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: url(http://data1.whicdn.com/images/113872784/large.jpg);

}

 

.ch-img-1 { 

 background-image: url(http://data1.whicdn.com/images/113872784/large.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: 268px;

 height: 268px;

 display: inline-block;

 margin: 20px;

}</style>

<ul class="ch-grid">

<li>

<div class="ch-item ch-img-1">

<div class="ch-info-wrap">

<div class="ch-info">

<div class="ch-info-front ch-img-1">

&nbsp;</div>

<div class="ch-info-back">

<center>

<a class="nav" onclick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML">welcome</a>&nbsp;<a class="nav" onclick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">to &nbsp;</a>&nbsp;<a class="nav" href="http://www.blogger.com/follow-blog.g?blogID=BLOGID">my id</a></center>

<div class="text">

&ldquo;The daisy flower is associated with purity, patience, innocence, loyal love, beauty, and simplicity.&rdquo;</div>

</div>

</div>

</div>

</div>

</li>

</ul>

<title></title>

<style type="text/css">

#navbar-iframe {display: none;

}

 

@font-face{font-family: Arsenale White; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);

}

body {

cursor:url("http://static.tumblr.com/xjqjg7j/F4gmxtrmh/13.png"),default; filter: none; text-decoration: none;

color:#666666;

background:#fff;

letter-spacing:1px;

font-family: corbel;

line-height: 22px;

font-size: 12px;

}

a:link,a:visited{

text-decoration:none;

color:#FBDD65;

cursor:url("http://static.tumblr.com/xjqjg7j/F4gmxtrmh/13.png"),default; filter: none; text-decoration: none;

}

a:hover{

color:#F4EAD5;

}

 

.blogger-labels {

padding: 5px;

border-top: 1px solid #eee;

}

.h1 {

color:#886A68;

font:italic 20px 'georgia';

letter-spacing:2px;

text-transform:lowercase;

padding:-7px;

border-bottom:3px solid #eee;

}

.text {

font-family:tinytots;

font-size:8px; 

text-transform:uppercase; 

color:#fff;

letter-spacing:1px;

}

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

}

.h2 {

text-align:left; 

text-transform:uppercase; 

font-family:tinytots; 

color:#bec0bd;

font-size:8px; 

margin-bottom:3px;

}

blockquote{ 

padding: 6px;

background:url(http://31.media.tumblr.com/b6f9b230cb4b7ef4cbd302c95b03af6f/tumblr_mlh0qpYwpO1rl43djo1_r6_500.png);

background-repeat:no-repeat;

background-position:100% 100%;

background-size:65px;

}

::-webkit-scrollbar {

width: 7px;

height: 5px;

}

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

height: 5px;

width: 7px;

display: block;

background: #fff;

}

::-webkit-scrollbar-track-piece {

background-color: #fff;

}

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

background-color: #eee;

border-radius: 5px;

}

a.nav{                        

display:inline-block; 

text-align:center; 

padding:5px; 

padding-bottom:15px; 

padding-top:70px;

text-transform: uppercase; 

border-bottom:2px solid #fff;

letter-spacing:2px; 

font:8px tinytots; 

color: #fff; 

background:#transparent; 

}

d {

display: inline-block;

background-color: #transparent;

letter-spacing: 2px;

font-size: 26px;

padding: 2px;

padding-left: 6px;

padding-right: 6px;

font-style:bold;

color: #886A68;

}

b {

font-weight: bold;

color:#CEAC90;

}

b:hover {

color: #FBDD65;

-webkit-transition-duration: 2s;

i {

text-decoration:none;

font-family: Georgia;

}</style>

<div id="about" style="display:none;">

<div class="h1">

biodata</div>

<br />

<img align="left" src="http://i.imgur.com/elGhvxz.png" style="width: 160px;" /> <i>Assalamualaikum and hello friends</i> thank you for using my skins. Do you like it? no hurm so you can go away. But if you like and use my skins please friends do not remove credits and take my code if you taking you will die. I know my own code and i can find people who take my code. So please no basecode anymore.</div>

<div id="post" style="display:none;">

<blogger>

<div class="h1">

<blogitemtitle>&lt;$BlogItemTitle$&gt;</blogitemtitle></div>

<div class="h2">

<blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> | &lt;$BlogItemDateTime$&gt; | <a href="&lt;$BlogItemCommentCreate$&gt;">&gt;&lt;$BlogItemCommentCount$&gt; comment</a></div>

&lt;$blogitembody$&gt;</blogger><br />

<br />

<center>

<div style="float:left">

<a href="&lt;$NewerPosts$">&gt;<d>&laquo;</d></a></div>

<div style="float:right">

<a href="&lt;$OlderPosts$">&gt;<d>&raquo;</d></a>

<center>

&nbsp;</center>

</div>

</center>

</div>

<table align="center" border="0" cellspacing="5" style="font-size:13px; border-radius:0px;line-height: 22px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; background: #transparent; border-top:0px solid #fdead8; border-bottom:0px solid #f1f1f1; border-right:0px solid #f1f1f1; border-left:0px solid #f1f1f1;" width="850">

<tbody>

<tr>

<td style="line-height:16px; letter-font-size:11px; width:250px; padding-left:8px; padding-right:20px; border-right:0px solid #eee;" valign="top">

<div class="h1">

the flowers</div>

<br />

<center>

<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRmB4tfeJMt1FGEjkthQ-e5uxmBcBm7skOEeVfCu13Pxgx_uMt6-w" /></center>

<br />

<div style="text-align: center;">

<iframe allowfullscreen="true" height="27" mozallowfullscreen="true" src="http://files.podsnack.com/iframe/embed.html?hash=av7m01kh&t=1399189651" style="border:none" webkitallowfullscreen="true" width="200"></iframe></div>

<br />

<br />

<br />

Skin by <a href="http://www.blogskins.com/">BlogSkins</a><br />

Other decor by <a href="http://my.dek-d.com/kissspecial/writer/view.php?id=1154018">Reindeer DREAM&nbsp;</a><br />

<br />

<center>

&nbsp;</center>

</td>

<td style="background: #fff; width:700px; height: 400px; padding-left:2px; padding-right:11px; padding-left:2px;" valign="top">

<div id="content">

<blogger>

<div class="h1">

it&#39;s a daisy</div>

<div class="h2">

<blogdateheader>link - - &lt; &nbsp;<a href="http://my.dek-d.com/- ไอดี -/friend/request_friend.php">ADD ME</a> &nbsp;|| &nbsp;<a href="http://my.dek-d.com/- ไอดี -/qmsg/">LET&#39;S TALK</a> &nbsp;|| &nbsp;<a href="http://my.dek-d.com/- ไอดี -/control/secret.php">SECRET</a> &nbsp;|| &nbsp;<a href="http://writer.dek-d.com/- ไอดี -/writer/">WRITER</a> &nbsp;|| <a href="http://my.dek-d.com/dekdee/my.id_station/login.php?">&nbsp;LOG IN</a> &nbsp;&gt;</blogdateheader></div>

</blogger>

<div style="text-align: center;">

<br />

เขียนตรงนี้</div>

<center>

<div style="float:right">

<br />

<center>

&nbsp;</center>

</div>

</center>

</div>

</td>

</tr>

</tbody>

</table>

<br />

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

Winner Theme