นิยาย FREE BlogSkins [iD dream] > ลำดับตอนที่ #98 : BlogSkins . fluorescent adolescent : Dek-D.com

FREE BlogSkins [iD dream]

ลำดับตอนที่ #98 : BlogSkins . fluorescent adolescent

เนื้อหาตอนนี้เปิดให้อ่าน
571

0

17 มี.ค. 56

BlogSkins . fluorescent adolescent

Skin screenshot

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>You're Not Coming Back Again</title>

body {overflow-y:scroll;background:url('http://img801.imageshack.us/img801/5040/68688156.jpg');font-family:arial; font-size:11px; color:#444;letter-spacing:1px;line-height:15px;}

#navbar-iframe{display:none;}

select, input, text {background:#4B4B4B; color:#eee; padding:4px; border:1px solid #444;font-family:arial; font-size:11px;}

a {text-decoration:none; color:#111;outline:0;font-weight:bold}

blockquote {background: #fcfcfc; border:1px dashed #eee; padding:5px;}

li{list-style:none; padding:1px; display:block;color:#333; background:#F1F1F1;border-bottom: 1px solid #ddd;margin-bottom:1px;}

li a{list-style:none; padding:1px; display:block;color:#333; background:#F1F1F1;}

.border{border:1px dashed #E0E0E0; padding:3px; margin-right:4px;}

#main {-moz-box-shadow: 0 0 5px 5px #eee; -webkit-box-shadow: 0 0 5px 5px #eee;background:#fff;width:800px; margin: 50px auto;padding:30px 20px;}

.header {font-family: 'Lekton', arial, serif;color:#ECECEC;font-size:21px;font-weight:bold;line-height:32px;text-shadow:1px 1px 1px #000;background:url('http://img10.imageshack.us/img10/2997/stripe2155807f8e9df6638.png');padding-top:2px;padding-right:7px; text-align:right;width:500px;margin-bottom:40px; height:32px;float:right}

.entry{margin-top:20px;}

.h1{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:4px}

.h2{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:0px 2px 2px 2px; font-weight:normal;border-left:10px solid #BFD6D2;}

.h3{font-family: 'Lekton', arial, serif; color#333;font-size:10px;padding:2px 2px 0px 2px; font-weight:normal;border-left:10px solid #E0E9E0;margin-bottom:5px;}

.h4{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:2px 2px 0px 2px; font-weight:normal;border-left:10px solid #BFD6D2;margin-bottom:5px;}

{background:url('http://img829.imageshack.us/img829/4305/striped5f1e5d364a235371.png');position:relative; text-align:center; width:293px; height:34px;float:left;margin-bottom:40px;}

ul {margin:0; padding:0; list-style:none; display:inline; top:0;}

ul li {margin:0 5px; float:left;background:transparent;border-bottom:0px}

ul li a{margin:0 5px; float:left;background:transparent;border-bottom:0px;padding:0px}

#box {position:absolute; left:0; top:0; ; background:url('http://img717.imageshack.us/img717/3946/tail.gif') no-repeat right center; height:35px;padding-right:8px;margin-left:5px;}

#box .head {font-weight:bold;background:url('http://img836.imageshack.us/img836/4297/heado.gif') no-repeat 0 0;height:35px;color:#eee;white-space:nowrap;padding-left:8px;padding-top:14px;}

.block{display:inline-block;vertical-align: top;padding:5px;}

a.link{list-style:none; padding:5px; display:inline-block;color:#333; background:#F1F1F1;border-bottom: 1px solid #ddd;margin-bottom:1px;}

a.link:hover{list-style:none; padding:5px; display:inline-block;color:#fff; background:#95B6A7;border-bottom: 1px solid #ddd;margin-bottom:1px;}

</style>

</head>

<body>

<div class="header">YOU TOOK A LEFT OFF LAST LAUGH LANE</div>

<ul>

</ul>

</div>

<div class="h1">An Introduction</div>

Hello. I am <b>LEVI</b> and I like crazy things. I merely spend my time webdesigning and reading books. I also excel in staring

over flower pots. My ultimate crush is Liam Aiken and no, you can't touch him. You can have barnacle man instead. Obviously, I am

trying to make this a long intro so you might just want to replace this with your own stuff. Change the icon but don't forget to credit.<br>

</div>

<div class="h1">Portals</div>

<li><a href="http://twitter.com/steampunkcola">Twitter</a></li>

<li><a href="">Facebook</a></li>

<li><a href="mailto:gallymoggers@live.com">Email</a></li>

<li><a href="http://steampunkcola.livejournal.com/3190.html">Question?</a></li>

</div>

<center>Click the following options to view monthly archives<br>

<select name="archivemenu" onchange=

"document.location.href=this.options[this.selectedIndex].value;">

<option selected>That Bloody Mary's Lacking In Tabasco</option>

</BloggerArchives>

</select></center>

</div>

<div class="h1">Tagboard</div>

<center>Replace this code with your own tagboard<br>

</center>

</div>

<div class="h1">Random</div>

Falling about<br>

You took a left off Last Laugh Lane<br>

You just sounded it out<br>

You're not coming back again.<br></blockquote>

<br>

<!--

);

//-->

</script>

</center>

</div>

<div ><a href="<$BlogItemPermalinkURL$>" class="h2"><$BlogItemTitle$></a></div>

was posted at <$BlogItemDateTime$> with <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a>

</BlogItemCommentsEnabled>

</div><$BlogItemBody$>

<br />

</div><br />

</Blogger>

</div>

<div class="h4">Profile</div>

<b>Description:</b> Awesome Hipster<br>

<b>Lives in:</b> A sunny place<br>

<b>Loves:</b> Liam Aiken!<br>

<b>Last Seen:</b> Holding a cheeseburger. Eating until her guts falls out. <br>

<b>Find On:</b> <a href="http://twitter.com/steampunkcola">twitter</a> | <a href="mailto:gallymoggers@live.com">mail</a> | <a href="http://www.blogskins.com/me/steampunk">blogskins</a><br>

</div></div>

</div>

<b>Site Name:</b> TRETCHEV<br>

<b>Site Description:</b> Awesome Blog<br>

<b>Started:</b> April 25<br>

<b>Others:</b> Edit these things xD I have put it randomly<br>

</div>

<div class="h4">Linkage</div><br>

</center>

</div>

</div>

function changeNavigation(id)

{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}

</script>

$(document).ready(function () {

//transitions

//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/

var style = 'easeOutExpo';

var default_left = Math.round($(' li.selected').offset().left - $(' ').offset().left);

var default_top = $(' li.selected').height();

//Set the default position and text for the tooltips

$('#box').css({left: default_left, top: default_top});

$('#box .head').html($(' li.selected').find('img').attr('alt'));

//if mouseover the menu item

$(' li').hover(function () {

left = Math.round($(this).offset().left - $(' ').offset().left);

//Set it to current item position and text

$('#box .head').html($(this).find('img').attr('alt'));

$('#box').stop(false, true).animate({left: left},{duration:500, easing: style});

//if user click on the menu

}).click(function () {

//reset the selected item

$(' li') Class('selected');

//select the current item

$(this).addClass('selected');

});

//If the mouse leave the menu, reset the floating bar to the selected item

$(' ').mouseleave(function () {

default_left = Math.round($(' li.selected').offset().left - $(' ').offset().left);

//Set it back to default position and text

$('#box .head').html($(' li.selected').find('img').attr('alt'));

$('#box').stop(false, true).animate({left: default_left},{duration:1500, easing: style});

});

</script>

</body>

</html>

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

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

ลำดับตอนที่ #98 : BlogSkins . fluorescent adolescent

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

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

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #98 : BlogSkins . fluorescent adolescent

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

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

ความคิดเห็น