ลำดับตอนที่ #36
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #36 : # What Is Love
*ยังไม่ได้ใส่โค้ดล้างไอดีนะเคิ้บบ*
<html>
<head>
<title>말해줘 내게 what is love</title>
<style type="text/css">
#navbar-iframe { display: none }
body { text-align: justify; font: 11px 'Lucida Sans Unicode'; color: #333; line-height: 1.7; text-decoration: none; }
.content { margin: 25px auto; width: 790px; }
.sidebar { float: left; width: 280px; position: fixed; top: 0px; font: 11px 'Lucida Sans Unicode'; }
.posts { width: 480px; float: right; margin: 0 0 5px 0; }
.h1 { font-family: courier new; color: #983d38; font-size: 17px; letter-spacing: 3; cursor: default; display: block; }
.tip { font: 11px courier new; color: #fff; background: #983d38; display:none; padding: 6px; position:absolute; }
a { text-decoration: none; color: #983d38; font-family: courier new; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; }
a:hover { background: #983d38; color: #fff; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; }
a.sidelink1{ background: #983d38; color: #fff; font: 9pt courier new; display: block; margin: 1px 0; padding: 6px; text-decoration: none; }
a.sidelink1:hover { background: #fff; color: #983d38; }
a.comment { margin-right: 10px; letter-spacing: 0; }
u { color: #333; border-bottom: 1px #983d38 solid; }
ul { list-style-type: hiragana }
i { font-family: georgia; letter-spacing: 1px; }
blockquote { color: #555; border: 1px #983d38 dotted; padding: 4px; }
.blogger-labels { text-transform: lowercase; border-top: 1px dotted #983d38; }
.tabs { margin: 0; padding: 0; list-style: none; }
.tabs li { list-style: none; }
</style>
</head>
<!-- Pop Up Javascript -->
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=530,width=520,left=5,top=5,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<!-- CBOX Javascript -->
<script type="text/javascript">
function popcbox() {
cboxwin = window.open("","Cbox","width=250,height=300,toolbar=no,scrollbars=no,status=no,resizable=yes");
cboxwin.;
cboxwin.;
cboxwin.;
cboxwin.;
cboxwin.;
try {
x = screen.width;
y = screen.height;
cboxwin.moveTo(Math.max((x/2)-125, 0), Math.max((y/3)-150));
} catch (e) {};
}
</script>
<!-- SIDELINK Javascript -->
<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() {
//When page loads...
$(".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 href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".comment").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip
//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
//Absolute position the tooltip according to mouse position
tip.css({ top: mousey, left: mousex });
});
});
</script>
<div class="content">
<div class="sidebar">
<center><img border="0" src="http://s3.favim.com/orig/43/dress-esperanza-girl-hey-hope-Favim.com-366449.jpg" width="270"></center>
<table border="0" width="280">
<td>
<td valign="top" width="80">
<ul class="tabs">
<li><a class="sidelink1" href="#prof">profile</a></li>
<li><a class="sidelink1" href="#aff">affies</a></li>
<a class="sidelink1" href="JavaScript:popcbox();">tagboard</a>
<a class="sidelink1" href="JavaScript:newPopup('http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>');">follow</a>
<li><a class="sidelink1" href="#cont">credits</a></li>
</ul>
</td>
<td>
<td valign="top" width="200">
<div id="prof" class="tab_content" style="height: 140px; width: 179px; padding: 2px; font: 11px 'Lucida Sans Unicode'; overflow: auto; text-align: justify;">
<i>Your profile goes here. Write as much as you want because this is scrolling box.</i>
I lost my mind, the moment I saw you.
Except you, everything get in slow motion.
Tell me, if this is love.
Sharing and learning countless emotions everyday with you.
Fighting, crying and hugging.
Tell me, if this is love.
</div>
<div id="cont" class="tab_content" style="height: 140px; width: 179px; padding: 2px; font: 11px 'Lucida Sans Unicode'; overflow: auto; text-align: center;">
<br><br>
Layout by <a href="http://nisaaaak.blogspot.com" target="_blank">ni</a><a href="http://www.blogskins.com/me/nisaaaak" target="_blank">sak</a>. <br>
Picture and colors are from <a href="http://favim.com/image/366449/" target="_blank">Favim</a><br>.
Script code is from <a href="http://www.blogskins.com/me/sweetmsery/" target="_blank">sweet.m!sery</a>
</div>
<div id="aff" class="tab_content" style="height: 140px; width: 179px; padding: 2px; font: 11px 'Lucida Sans Unicode'; overflow: auto; text-align: justify;">
<a href="/">put</a>
<a href="/">your</a>
<a href="/">friends'</a>
<a href="/">link</a>
<a href="/">here</a>,
<a href="/">you</a>
<a href="/">can</a>
<a href="/">put</a>
<a href="/">as</a>
<a href="/">much</a>
<a href="/">as</a>
<a href="/">you</a>
<a href="/">want</a>
<a href="/">because</a>
<a href="/">this</a>
<a href="/">is</a>
<a href="/">scrolling</a>
<a href="/">box</a>.
<a href="/">put</a>
<a href="/">your</a>
<a href="/">friends'</a>
<a href="/">link</a>
<a href="/">here</a>,
<a href="/">you</a>
<a href="/">can</a>
<a href="/">put</a>
<a href="/">as</a>
<a href="/">much</a>
<a href="/">as</a>
<a href="/">you</a>
<a href="/">want</a>
<a href="/">because</a>
<a href="/">this</a>
<a href="/">is</a>
<a href="/">scrolling</a>
<a href="/">box</a>.
<a href="/">put</a>
<a href="/">your</a>
<a href="/">friends'</a>
<a href="/">link</a>
<a href="/">here</a>,
<a href="/">you</a>
<a href="/">can</a>
<a href="/">put</a>
<a href="/">as</a>
<a href="/">much</a>
<a href="/">as</a>
<a href="/">you</a>
<a href="/">want</a>
<a href="/">because</a>
<a href="/">this</a>
<a href="/">is</a>
<a href="/">scrolling</a>
<a href="/">box</a>.
</div>
</td>
</table>
<br>
<center>
<select style="color:#fff; font: 11px 'courier new'; border:1px solid #fff; background-color:#983d38; padding: 2px; width: 266px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value='' >tell me, what is love</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives>
</select>
</center>
</div>
<div class="posts">
<Blogger>
<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> <span style="float: right"><BlogItemCommentsEnabled><a class="comment" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>+ <span class="tip"><$BlogItemCommentCount$> comment(s)</span></a></BlogItemCommentsEnabled></span></div>
<$BlogItemBody$>
<br>
</Blogger>
</div>
</div>
</body>
</html>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น