นิยาย Secret Celtic RadiO > ลำดับตอนที่ #11 : 11 : Dek-D.com - Writer

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

เลื่อนอัตโนมัติ

Secret Celtic RadiO

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

อัปเดตล่าสุด 26 เม.ย. 58

` The cat โค้ดแมวๆ ●

정말 감사합니다.

CODE

<style type="text/css">
.title {
margin:0 auto;
padding-top:50px;
padding-left: 3px;
font: 15px tahoma;
text-transform: uppercase;
letter-spacing: 1px;
top: 30px;
color: #FEAECE; }
 
#poster {
margin: 0 auto;
height: 210px;
width: 200px;
border: 1px dotted #FC7EB1;
padding: 0px;
background-color: #fff;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}
 
#poster:hover
{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
}
 
#container
{margin:0 auto;
padding-top:5px;}
 
#linkcontainer {
margin:0 auto;
width: 300px; }
 
.links {
margin-left: 5px;
display: inline-block;
width: 50px;
padding: 2px;
font-size: 7px;
font-family: trebuchet ms;
text-transform: uppercase;
letter-spacing: 2px;
color: #FC7EB1;
background-color: #fff;
border: 1px solid #FECEE1}
.links a { text-decoration: none;
color: #FC7EB1;
-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; }
.links a:hover { color: #F4639D; 
}
.banner {
margin-top: -15px;
}
 
.pic {
padding: 0px;
background-color: #ffffff;
width: 200px;
height: 100px;
display: table-cell;
vertical-align: middle;
}
 
.pic img {
opacity: 0.7;
}
 
#poster:hover .pic img {
opacity: 0.2;
}
 
.link {
width: 100px;
text-align: center;
font: 7px trebuchet ms;
margin: -13% 25% 0% 26%;
text-transform: uppercase;
color: #ffffff;
background-color: #FC7EB1;
padding: 2px;
letter-spacing: 2px;
}
.link {
width: 100px;
text-align: center;
font: 7px trebuchet ms;
margin: -13% 25% 0% 26%;
text-transform: uppercase;
color: #ffffff;
background-color: #FF73BE;
padding: 2px;
letter-spacing: 2px;
}
 
.link a {
text-decoration: none;
color: #ffffff;
-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;
}
 
 
#name {
text-align:center;
color:#FF99D0;
padding:0px 0px 0px 1px;
font-size:12px;
letter-spacing:1px;
font-family:monospace;
text-transform:uppercase;
border-bottom:1px dotted #D00D5B opacity:1;
width:155px;}
 
#sub 
{text-align:center;
font-family:cambria;
font-size:14px;
color:#F4639D;
border-top:1px dotted #F4639D;
margin-bottom:3px;}
 
#about
{text-align:center;
font-family:monospace;
font-size:14px;
padding:10px;
margin:-10px 10px 10px 10px;
position:absolute;
width:130px;
opacity:0;
background-color:#fff;
color:#D00D5B;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}
 
#poster:hover #about {
opacity:1;
height:140px;
margin-left:30px;
margin-top:30px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}
 
 
 #tab5 {
background-color:#ใส่โค้ดสี; 
border-bottom:1px dashed #ffffff; 
border-top:1px dashed #ffffff; 
border-right:1px dashed #ffffff; 
width:35px; 
height:35px; 
font-size:14px; 
font-family: 'calibri'; 
border-radius:35px 35px 35px 35px;
-moz-border-radius:35px 35px 35px 35px;
position:fixed;
overflow:hidden;
top:20px;
left:42px;
 ;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab5icon{
font-size:40px; 
color:#fff; 
margin-top:5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab5:hover{
width:250px; 
height:200px; 
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}
 
#tab2 {
background-color:#ใส่โค้ดสี; 
border-bottom:1px dashed #ffffff; 
border-top:1px dashed #ffffff; 
border-right:1px dashed #ffffff; 
width:35px; 
height:35px; 
font-size:14px; 
font-family: 'calibri'; 
border-radius:35px 35px 35px 35px;
-moz-border-radius:35px 35px 35px 35px;
position:fixed;
overflow:hidden;
top:70px;
left:25px;
 ;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab2icon{
font-size:40px; 
color:#fff; 
margin-top:5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab2:hover{
width:250px; 
height:200px; 
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}
 
#tab3 {
background-color:#ใส่โค้ดสี;
border-bottom:1px dashed #ffffff; 
border-top:1px dashed #ffffff; 
border-right:1px dashed #ffffff;  
width:35px; 
height:35px; 
font-size:14px; 
font-family: 'calibri'; 
border-radius:35px 35px 35px 35px;
-moz-border-radius:35px 35px 35px 35px;
position:fixed;
overflow:hidden;
top:70px;
left:60px;
 ;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab3icon{
font-size:40px; 
color:#fff; 
margin-top:5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab3:hover{
width:250px; 
height:200px; 
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}
 
#tab4 {
background-color:#ใส่โค้ดสี; 
border-bottom:1px dashed #ffffff; 
border-top:1px dashed #ffffff; 
border-right:1px dashed #ffffff; 
width:35px; 
height:35px; 
font-size:14px; 
font-family: 'calibri'; 
border-radius:35px 35px 35px 35px;
-moz-border-radius:35px 35px 35px 35px;
position:fixed;
overflow:hidden;
top:40px;
left:70px;
 ;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab4icon{
font-size:40px; 
color:#fff;
margin-top:5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab4:hover{
width:250px; 
height:200px; 
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}
 
#tab1 {
background-color:#ใส่โค้ดสี; 
border-bottom:1px dashed #ffffff; 
border-top:1px dashed #ffffff; 
border-right:1px dashed #ffffff; 
width:35px; 
height:35px; 
font-size:14px; 
font-family: 'calibri'; 
border-radius:35px 35px 35px 35px;
-moz-border-radius:35px 35px 35px 35px;
position:fixed;
overflow:hidden;
top:40px;
left:15px;
 ;
padding:2px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab1icon{
font-size:40px; 
color:#fff; 
margin-top:5px;
margin-right:10px;
text-align:center;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
 
#tab1:hover{
width:250px; 
height:200px; 
border-radius:0px 0px 45px 0px;
-moz-border-radius:0px 0px 45px 0px;}</style>
<div id="tab1">
	<center>
		<div id="tab1icon">
			&nbsp;</div>
		<br />
		<div style="color:#F82298; background-color:#fff; padding:3px;">
			<img src="http://i236.photobucket.com/albums/ff4/kukkai81/icons/gl06.gif" /><br />
			<span style="color:#ff8cd3;">◈ K L A O ◈</span></div>
		<br />
		<br />
		<span style="color:#000000;">เขียนเลย</span></center>
</div>
<div id="tab2">
	<center>
		<div id="tab2icon">
			&nbsp;</div>
		<br />
		<div style="color:#F82298; background-color:#fff; padding:3px;">
			<img src="http://i236.photobucket.com/albums/ff4/kukkai81/icons/mr04-1.gif" /><br />
			<span style="color:#ff8cd3;">◈ K L A O ◈</span></div>
		<marquee><br />
		<span style="color:#000000;">เขียนเลย</span></marquee></center>
</div>
<div id="tab3">
	<center>
		<div id="tab3icon">
			&nbsp;</div>
		<br />
		<div style="color:#F82298; background-color:#fff; padding:3px;">
			<img src="http://i236.photobucket.com/albums/ff4/kukkai81/icons/mr03.gif" /><br />
			<span style="color:#ff8cd3;">◈ K L A O ◈</span></div>
		<br />
		<span style="color:#000000;">เขียนเลย</span></center>
</div>
<div id="tab4">
	<center>
		<div id="tab4icon">
			&nbsp;</div>
		<br />
		<div style="color:#F82298; background-color:#fff; padding:3px;">
			<img src="http://i236.photobucket.com/albums/ff4/kukkai81/icons/mr06.gif" /><br />
			<span style="color:#ff8cd3;">◈ K L A O ◈</span></div>
		
		<div id="cboxdiv" style="text-align: center; line-height: 0">
			<div>
				&nbsp;</div>
			<div>
				<br />
				<span style="line-height: 0;">&nbsp; &nbsp;<br />
				<br />
				<br />
				<br />
				&nbsp;<br />
				<br />
				&nbsp;<br />
				<br />
				<br />
				&nbsp;<br />
				<span style="color:#000000;">&nbsp;<br />
				&nbsp;<br />
				&nbsp;<br />
				&nbsp;<br />
				&nbsp;เขียนเลย</span></span></div>
		</div>
	</center>
</div>
<div id="tab5">
	<center>
		<div id="tab5icon">
			&nbsp;</div>
		<br />
		<div style="color:#F82298; background-color:#fff; padding:3px;">
			<img src="http://i236.photobucket.com/albums/ff4/kukkai81/icons/mr05.gif" /><br />
			<span style="color:#ff8cd3;">◈ K L A O ◈</span></div>
		<br />
		<br />
		<span style="color:#000000;">เขียนเลย</span></center>
</div>
<div style=" ; position:fixed; top:49px; left:43px; ">
	<a href="http://daisie-chanel.tumblr.com" target="blank" title="ฮัลโล่ว !"><img src="http://image.dek-d.com/27/0282/4705/117861875" width="35" /></a></div>
<div class="title">
	&nbsp;</div>

#tab1 ถึง #tab5 อย่าลืมใส่โค้ดสีนะขรั่บ
ไอค่อนวงกลมสามารถเปลี่ยนจากรูปนี้

เป็นรูปอื่นได้นะคะ

* คอมเม้น แทนคำขอบคุณด้วยนะคะ *

◈ K L A O ◈

เขียนเลย

◈ K L A O ◈

เขียนเลย

◈ K L A O ◈

เขียนเลย

◈ K L A O ◈

เขียนเลย

◈ K L A O ◈

เขียนเลย

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

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

writer

มิสเกล้าอิสอิ้ส

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

กำลังโหลด...

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

กำลังโหลด...

ความคิดเห็น

×