ลำดับตอนที่ #5
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #5 : ♦ theme no.4 : girly girl (pink)
แนวหวานๆ หญิงจ๋า
<meta content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" name="generator" />
<link href="http://www.iconj.com/gif_icon.php?pid=9sd1qsdvqm" rel="shortcut icon" />
<script LANGUAGE="JavaScript">var a1 = "카페";var a2 = "사랑";var delay = 1600;b1();function b1() {ID = setTimeout("b2()",delay);document.title = (a1);}function b2() {ID = setTimeout("b1()",delay);document.title = (a2);}</Script>
<style type="text/css">
#navbar-iframe {display: none;}
body {background: #fff; font: normal 8pt arial;}
*{outline: none;}
img {border: 0; -webkit-transition-duration: .5s;}
.box {width: 600px;background-color: #fff;height: 100%;padding: 0;margin: 0 auto;}
.folio_block {position: absolute;left: 429px; top: 149px;}
/*--Main Container--*/
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {height:312px; width: 560px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {position: absolute;bottom: 10px; right: -8px;width: 90px; height:27px; ; /*--Assures the paging stays on the top layer--*/text-align: center;line-height: 40px;display: none; /*--Hidden by default, will be later shown with jQuery--*/}
.paging a {padding: 5px;text-decoration: none;color: #fff;border-bottom: none;}
.paging a.active {font-weight: bold; background: #fbf4e7; border: 1px solid #e8bbb4;-moz-border-radius: 50px;-khtml-border-radius: 50px;-webkit-border-radius: 50px;}
.paging a:hover {font-weight: bold; border-bottom: none;}
.하늘 {filter:alpha(opacity=50);opacity:.50; -webkit-transition-duration: .5s;}
.하늘:hover {filter:alpha(opacity=90);opacity:.90; }
.하늘 img{max-width:585px; border: 5px #fbebde solid; -webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;}
.하늘 img:hover{border:5px #fcd2d2 solid;}
/**************************************************************************/
/*헤더*/
.제목 {background: #f6f2e7; border-left: #e9ddc7 solid 1px; float: right; padding-right: 5px; padding-left: 15px; text-align: right; font: normal 7pt arial; color: #c3a988; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing: 2px;border-top: #e9ddc7 solid 1px; border-bottom: #e9ddc7 solid 1px; padding-top: 1px; padding-bottom: 5px; padding-top: 5px;}
/**************************************************************************/
/*앵커- <a> 탁 스타일*/
a:link, a:active, a:visited {font: 8pt arial; color: #f09896; text-shadow: 1px 1px 0 #fff; text-decoration: none;-webkit-transition-duration: .35s;}
a:hover {border-bottom: 2px solid #f09896; color: #f1f1f1;}
a.친구{font: normal 7pt arial; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; color: #bfb29d;-webkit-transition-duration: .5s; background-color: #f6f2e7; padding: 10px; border-bottom:none; margin-right:2px;}
a.친구:hover { background-color: #fbc9cc; color: #fce1e7; text-shadow: 0 0 0;}
/**************************************************************************/
/*그냥*/
i {color: #f7c3c5; letter-spacing: 1px; font-family: georgia;} b {color: #d4cab7; padding: 1px 2px 1px 2px;} u {color: #e9e1d4;border-bottom: 1px dotted #f1c6da; text-decoration:none;} s {color: #f9efe5;}
blockquote {border-left: 10px solid #f1ead1; font: 8pt arial; color: #c8ab9b; padding: 3px; -webkit-transition-duration: .5s;}
blockquote:hover {border-left: 10px solid #f7d2b4;}</style>
<img src="http://img152.imageshack.us/img152/7586/backgroundmainz.jpg" /><img src="http://img545.imageshack.us/img545/4729/backgroundlv.jpg" style="position: absolute; left:1220px;" />
<div class="box">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/1.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/2.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/3.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/4.jpg" width="560px" /></div>
</div>
<div class="paging">
<a href="#" rel="1">1</a><a href="#" rel="2">2</a><a href="#" rel="3">3</a><a href="#" rel="4">4</a></div>
</div>
</div>
</div>
<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() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a") Class('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>
<div style="position: absolute; left:1080px; top: 270px;">
<span class="짱" onclick="document.location.href='http://www.blogger.com/follow-blog.g?blogID=6332689646796192621';" style="font: normal 8pt arial; text-transform: uppercase; color: #f5a8ba; text-shadow: 1px 1px 0 #fff;">+follow</span></div>
<div style="position: absolute; left: 1082px; top:288px;">
<span class="짱" style="font: normal 8pt arial;text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing:-1px; color: #f5a8ba;"><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://jungnayeong.blogspot.com"></script>guest(s)</span></div>
<div style="position: absolute; left: 230px; top: 80px; font: 20pt georgia; font-weight: bold; text-align: center; color: #f18a90;">
JNY</div>
<div class="하늘" style="position: absolute; left: 170px; top: 610px; width: 870px; height: 145px; overflow: auto; background-color:#fff; padding: 5px; color: #c3a88b;">
Insert a <b>tagboard</b> here! 865*140</div>
<div class="하늘" style="position: absolute; left: 175px; top: 175px; width: 200px; height: auto; background:#fff; overflow: auto; color: #c3a88b;">
Hello my name is XXXXXXXXX<br />
I like pretty things.</div>
<div style="position: absolute; left: 430px; top: 480px; width: 545px; height: 50px; padding: 8px; overflow: auto; text-align: center;">
<a class="친구" href="http://my.dek-d.com/beer-naka/friend/request_friend.php">Add me </a><a class="친구" href="http://writer.dek-d.com/beer-naka/friend/">Friend</a> <a class="친구" href="http://writer.dek-d.com/beer-naka/writer/">Writer</a> <a class="친구" href="http://my.dek-d.com/beer-naka/qmsg/">Qmsg.</a></div>
<img src="http://img171.imageshack.us/img171/9269/topvq.gif" style="position: absolute; top: 805px; left:105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 904px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1003px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1102px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1201px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1300px; left: 105px;" /> <img src="http://img819.imageshack.us/img819/2678/bottomk.gif" style="position: absolute; top: 1399px; left: 105px;" />
<div class="하늘" style="position: absolute; background: #fff; top: 900px; left: 360px; height: 610px; width: 700px; overflow: auto; font: 8pt arial; color: #bfb29d;">
<mtentries lastn="7">
<div class="제목">
<blogitemtitle>Title name</blogitemtitle><mtdateheader><!--$mtentrydate--><!--$blogitemtitle$--></mtdateheader></div>
<br />
<br />
บลาๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ<br />
ๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ</mtentries></div>
<div style="position: absolute; top:210px; left:1100px; font: 20pt arial; color:#fff;">
♥</div>
<div style="position: absolute; top: 1480px; left: 200px; font: 8pt arial; color: #c9b998; text-align: center;">
CREDITS: <a href="http://saewookkang.blogspot.com">Jung나</a><a href="http://blogskins.com/me/jung2">영</a></div>
<br />
<br />
<!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
<style type="text/css">
#wrapper,.thcon { display:none }</style>
<div class="theanchor">
</div>
<script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$-->
<link href="http://www.iconj.com/gif_icon.php?pid=9sd1qsdvqm" rel="shortcut icon" />
<script LANGUAGE="JavaScript">var a1 = "카페";var a2 = "사랑";var delay = 1600;b1();function b1() {ID = setTimeout("b2()",delay);document.title = (a1);}function b2() {ID = setTimeout("b1()",delay);document.title = (a2);}</Script>
<style type="text/css">
#navbar-iframe {display: none;}
body {background: #fff; font: normal 8pt arial;}
*{outline: none;}
img {border: 0; -webkit-transition-duration: .5s;}
.box {width: 600px;background-color: #fff;height: 100%;padding: 0;margin: 0 auto;}
.folio_block {position: absolute;left: 429px; top: 149px;}
/*--Main Container--*/
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {height:312px; width: 560px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {position: absolute;bottom: 10px; right: -8px;width: 90px; height:27px; ; /*--Assures the paging stays on the top layer--*/text-align: center;line-height: 40px;display: none; /*--Hidden by default, will be later shown with jQuery--*/}
.paging a {padding: 5px;text-decoration: none;color: #fff;border-bottom: none;}
.paging a.active {font-weight: bold; background: #fbf4e7; border: 1px solid #e8bbb4;-moz-border-radius: 50px;-khtml-border-radius: 50px;-webkit-border-radius: 50px;}
.paging a:hover {font-weight: bold; border-bottom: none;}
.하늘 {filter:alpha(opacity=50);opacity:.50; -webkit-transition-duration: .5s;}
.하늘:hover {filter:alpha(opacity=90);opacity:.90; }
.하늘 img{max-width:585px; border: 5px #fbebde solid; -webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;}
.하늘 img:hover{border:5px #fcd2d2 solid;}
/**************************************************************************/
/*헤더*/
.제목 {background: #f6f2e7; border-left: #e9ddc7 solid 1px; float: right; padding-right: 5px; padding-left: 15px; text-align: right; font: normal 7pt arial; color: #c3a988; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing: 2px;border-top: #e9ddc7 solid 1px; border-bottom: #e9ddc7 solid 1px; padding-top: 1px; padding-bottom: 5px; padding-top: 5px;}
/**************************************************************************/
/*앵커- <a> 탁 스타일*/
a:link, a:active, a:visited {font: 8pt arial; color: #f09896; text-shadow: 1px 1px 0 #fff; text-decoration: none;-webkit-transition-duration: .35s;}
a:hover {border-bottom: 2px solid #f09896; color: #f1f1f1;}
a.친구{font: normal 7pt arial; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; color: #bfb29d;-webkit-transition-duration: .5s; background-color: #f6f2e7; padding: 10px; border-bottom:none; margin-right:2px;}
a.친구:hover { background-color: #fbc9cc; color: #fce1e7; text-shadow: 0 0 0;}
/**************************************************************************/
/*그냥*/
i {color: #f7c3c5; letter-spacing: 1px; font-family: georgia;} b {color: #d4cab7; padding: 1px 2px 1px 2px;} u {color: #e9e1d4;border-bottom: 1px dotted #f1c6da; text-decoration:none;} s {color: #f9efe5;}
blockquote {border-left: 10px solid #f1ead1; font: 8pt arial; color: #c8ab9b; padding: 3px; -webkit-transition-duration: .5s;}
blockquote:hover {border-left: 10px solid #f7d2b4;}</style>
<img src="http://img152.imageshack.us/img152/7586/backgroundmainz.jpg" /><img src="http://img545.imageshack.us/img545/4729/backgroundlv.jpg" style="position: absolute; left:1220px;" />
<div class="box">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/1.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/2.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/3.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/4.jpg" width="560px" /></div>
</div>
<div class="paging">
<a href="#" rel="1">1</a><a href="#" rel="2">2</a><a href="#" rel="3">3</a><a href="#" rel="4">4</a></div>
</div>
</div>
</div>
<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() {
//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging a") Class('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>
<div style="position: absolute; left:1080px; top: 270px;">
<span class="짱" onclick="document.location.href='http://www.blogger.com/follow-blog.g?blogID=6332689646796192621';" style="font: normal 8pt arial; text-transform: uppercase; color: #f5a8ba; text-shadow: 1px 1px 0 #fff;">+follow</span></div>
<div style="position: absolute; left: 1082px; top:288px;">
<span class="짱" style="font: normal 8pt arial;text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing:-1px; color: #f5a8ba;"><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://jungnayeong.blogspot.com"></script>guest(s)</span></div>
<div style="position: absolute; left: 230px; top: 80px; font: 20pt georgia; font-weight: bold; text-align: center; color: #f18a90;">
JNY</div>
<div class="하늘" style="position: absolute; left: 170px; top: 610px; width: 870px; height: 145px; overflow: auto; background-color:#fff; padding: 5px; color: #c3a88b;">
Insert a <b>tagboard</b> here! 865*140</div>
<div class="하늘" style="position: absolute; left: 175px; top: 175px; width: 200px; height: auto; background:#fff; overflow: auto; color: #c3a88b;">
Hello my name is XXXXXXXXX<br />
I like pretty things.</div>
<div style="position: absolute; left: 430px; top: 480px; width: 545px; height: 50px; padding: 8px; overflow: auto; text-align: center;">
<a class="친구" href="http://my.dek-d.com/beer-naka/friend/request_friend.php">Add me </a><a class="친구" href="http://writer.dek-d.com/beer-naka/friend/">Friend</a> <a class="친구" href="http://writer.dek-d.com/beer-naka/writer/">Writer</a> <a class="친구" href="http://my.dek-d.com/beer-naka/qmsg/">Qmsg.</a></div>
<img src="http://img171.imageshack.us/img171/9269/topvq.gif" style="position: absolute; top: 805px; left:105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 904px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1003px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1102px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1201px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1300px; left: 105px;" /> <img src="http://img819.imageshack.us/img819/2678/bottomk.gif" style="position: absolute; top: 1399px; left: 105px;" />
<div class="하늘" style="position: absolute; background: #fff; top: 900px; left: 360px; height: 610px; width: 700px; overflow: auto; font: 8pt arial; color: #bfb29d;">
<mtentries lastn="7">
<div class="제목">
<blogitemtitle>Title name</blogitemtitle><mtdateheader><!--$mtentrydate--><!--$blogitemtitle$--></mtdateheader></div>
<br />
<br />
บลาๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ<br />
ๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ</mtentries></div>
<div style="position: absolute; top:210px; left:1100px; font: 20pt arial; color:#fff;">
♥</div>
<div style="position: absolute; top: 1480px; left: 200px; font: 8pt arial; color: #c9b998; text-align: center;">
CREDITS: <a href="http://saewookkang.blogspot.com">Jung나</a><a href="http://blogskins.com/me/jung2">영</a></div>
<br />
<br />
<!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
<style type="text/css">
#wrapper,.thcon { display:none }</style>
<div class="theanchor">
</div>
<script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$-->
:-Daisy ✿
เก็บเข้าคอลเล็กชัน
ความคิดเห็น