ลำดับตอนที่ #6
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #6 : m! /14
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="" rel="shortcut icon" />
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li") Class("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
</script>
<style type="text/css">
#navbar-iframe,.blogger-labels{display:none!important;}
body {
background-color: #fefefe;
background-image: url('http://i46.tinypic.com/24e5o4i.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
font-family: arial;
font-size: 11px;
line-height: 15px;
color: #888;
text-wrap: normal;
word-wrap: break-word;
}
a {
color: #555;
border-bottom: 1px dotted #555;
text-decoration: none;;-moz-transition: 0.8s
}
a:hover {
border-bottom: 1px solid #7A475D;
color: #7A475D;;-moz-transition: 0.8s
}
blockquote {
font-size: 12px;
font-style: italic;
font-family: georgia;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
margin-left: 8%;
color: #555;
padding: 12px;
width: 80%;
}
.side {position: fixed;}
.navi_circle {
margin-left: 40px;
margin-top: 30px;
width: 70px;
height: 70px;
background-color: #E8917B;
border-radius: 75px;
moz-border-radius: 75px;
padding: 40px;
color: #fefefe;
font-family: trebuchet ms;
filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
}
.navi_circle a {border-bottom: none; color: #fefefe;;-moz-transition: 0.5s}
.navi_circle a:hover {margin-left:8px;;-moz-transition: 0.5s}
.navi_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
.text_circle {
width: 170px;
height: 170px;
padding: 40px;
text-align:justify;
margin-left: 380px;
margin-top: 130px;
border-radius: 125px;
moz-border-radius: 125px;
background-color: #93C1C2;
color: #fefefe;
font-family: trebuchet ms;
filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
}
.text_circle a{border-bottom: 1px dotted #fefefe;}
.text_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
.under_the_circles {
width: 485px;
font-family: georgia;
font-style: italic;
font-size: 18px;
padding-right: 60px;
padding-left: 60px;
text-align: center;
margin-top: 30px;
letter-spacing:1.5px;
line-height: 24px;
margin-left:40px;
}
.content {
width: 460px;
height: auto;
padding-left: 30px;
margin-top: 30px;
margin-left: 660px;
margin-bottom: 25px;
}
.entry {
width: 400px;
text-align: justify;
padding-left: 30px;
margin-left: -32px;
margin-bottom: 25px;
border-left: 2px solid #bbb;
}
.entryheader {
font-size: 21px;
text-align: left;
font-family: arial narrow;
letter-spacing: 4px;
color: #999;
width: 430px;
padding-bottom:8px;
padding-left: 30px;
padding-top:5px;
margin-left: -32px;
border-left: 2px solid #93C1C2;;-moz-transition: 0.5s
}
.entryheader:hover {letter-spacing:5px;;-moz-transition: 0.5s}
img {-moz-transition:2s; filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 1s}
.links a{
text-transform: lowercase;
padding: 3px;
margin-left: 5px;
color:#fefefe;
border-bottom: none;
border-radius: 2px;
moz-border-radius: 2px;
}
.aff a {
background-color:#fefefe;
margin-right:7px;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
color: #93C1C2;
line-height: 25px;
}
.links a:hover {background-color: #dedede;}
ul.tabs {margin-left: -40px; list-style: none;}
ul.tabs li { display:inline;}
ul.tabs li.active a {font-weight:bold;}
#com a, ul.tabs li a{letter-spacing: 2px; font-weight: none;color: #fefefe; border-bottom: none; text-decoration:none; -webkit-transition-duration:0.5s;; -moz-transition: 0.5s}
#com a:hover, ul.tabs li a:hover{}</style>
<div class="side">
<div class="navi_circle">
<big>»</big> <a href="/">ADD ME</a><br />
<big>»</big> <a href="/">QMSG</a><br />
<big>»</big> <a href="/">SMSG</a><br />
<big>»</big> <a href="/">WRITER</a><br />
<big>»</big> <a href="/">TWITTER</a></div>
</div>
<div class="text_circle">
<center>
<ul class="tabs">
<li>
ทักทาย...เขียนไรลงไปก็ได้<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
'</li>
<br />
<br />
<br />
<br />
</ul>
</center>
</div>
<div class="content">
<blogger>
<div class="entry">
<div align="right" style="margin-bottom: 10px; margin-top: -21px; ">
<div class="links" style="text-align: left; ">
<font color="#999999" face="arial narrow"><span style="font-size: 21px; letter-spacing: 4px;">hello!!~~~</span></font><a href="<$BlogItemPermalinkURL$>"><blogdateheader>aderDate$></blogdateheader> at <$blogitemdatetime$></a></div>
</div>
เขียนทักทายลงไปได้โลยยย....<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
.<br />
อย่าลืมเปลี่ยนสีตัวอักษรด้วยน้าาาาา</div>
</blogger>
<center>
Layout by <a href="http://blogskins.com/me/m-eister">ten</a><a href="http://tentylers.blogspot.com">tylers</a>. Image from <a href="http://weheartit.com/entry/30614682">weheartit</a>.<br />
Edit By <a href="http://my.dek-d.com/seo-yuri/" target="_blank">- naxquiz ◇</a></center>
</div>
<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>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น