I won't give up 'till it's over.: Teljes design kódok

Teljes design kódok

Buu husik!

Hoztam pár design kódot, elsősorban olyanokat amik nekem is tetszenek. Mivel ezeket a neten találtam így értelemszerűen a készítőjük linkje van bennük :) Ha lesz rá igény majd hozok saját készítésűt is, csak most lusta voltam hozzá :DD

Csak olyan kezdjen bele, aki tudja mit csinál, mert a károkat nem biztos, hogy maradéktalanul helyre lehet állítani!

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

<html><head>
<title>The City That Never Sleeps</title>

body { 
background-image: url(http://i1015.photobucket.com/albums/af277/sleepingtoys/city/citybg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #F0F0F0;
font: normal 8pt "Arial", sans-serif;
color: #808080;
line-height: 1.5;
text-align: justify;
}

#navbar-iframe{
display: none;height: 0px;
}  
#bottom { 
background: #222;
height: 20px;
width: 100%;
position: fixed;
bottom: 0;left: 0;z-index: 1;
}

#sun{ 
 padding:5px; 
 background: #222222;}

#post{
 filter: alpha (opacity=90);
 -moz-opacity: 0.50; opacity: 0.90; 
-webkit-transition-duration:1s;
 padding:1px 3px 3px 0px;}

#post:hover{ 
 filter: alpha (opacity=100);
 -moz-opacity: 1.00; opacity: 1.00;
 -webkit-transition-duration: 1s;
 padding:1px 3px 3px 0px;}

#posts {
 background: #ffffff;
 vertical-align: top;
 width: 520px;
 -moz-border-radius: 10px 0 10px 10px;
 -webkit-border-radius: 10px 0 10px 10px;
 padding: 5px 10px 10px 10px;}

#postbody img {
 padding: 6px;
 background:#fafafa;
 border: 1px solid #e1e1e1;}

#music img {
 padding: 6px;
 background:#111;
 border: 0px solid #222;}

#moon { 
 background: transparent;
 position: absolute;
 top: 20px;
 left: 315px;
 width: 60%; }

#rain {
 position: fixed; 
 width: 250px;
 bottom: 10px;
 left: 50px;}

#rain #content {
 -webkit-border-radius: 10px 10px 0 0px;
 -moz-border-radius: 10px 10px 0 0px; 
 background: #222222;
 color: #999;
 margin: 10px 0 0;
 padding: 8px; }

::selection {
 color: #888888;
 background: #f5f5f5; }

::-moz-selection{
 background: #f5f5f5;
 color: #888888;}

.blogger-labels{
 border-top: 1px solid #f8f8f8;
 font-size: 10px;
 padding-top: 5px;
 margin: 10px auto 0 auto;
 text-align: right;}

strong, b {color:#81A8B8;}em, i {color: #B94159 ; font-weight:bold;}u {color: #A79C8E ;border-bottom: 1px solid #A79C8E;}

a { 
 font: bold 8.5pt "helvetica", sans-serif;
 color: #888;
 text-decoration: none;
 text-transform: lowercase;}

a:hover {
 -moz-transition-duration: 1s;
 -webkit-transition-duration:1s;
 color: #ffffff; }

blockquote {
 background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/hbq.gif");
 background-repeat: no-repeat;
 background-position:top right;
 font: normal 8pt "arial", monospace;
 color: #999;
 margin: 1px 0px 1px 0px;
 border-top: 1px solid #eeeeee;
 border-bottom: 1px solid #eee;
 -webkit-transition-duration:1s;
 padding: 9px 0px 9px 0px; }

blockquote:hover { 
 -webkit-transition-duration:1s;
 color: #555; }

.date {
 font: normal 20pt "helvetica", sans-serif;
 text-transform: lowercase;
 color:#dddddd;
 letter-spacing:-3pt;}

.title {
 font: normal 18pt "helvetica", sans-serif;
 border-bottom: 1px solid #f5f5f5;
 margin-top:-10pt;
 margin-bottom:2px;
 font-style:italic;
 letter-spacing: -2pt;
 color:#f1f1f1;
 text-transform: lowercase; }

.time{
 font: bold 30pt "arial", sans-serif;
 -moz-border-radius: 0 7px 7px 0px;
 -webkit-border-radius: 0 15px 15px 0px;
 height: 50px;
 background: #f9f9f9 !important;
 padding: 1px 3px 3px 0px;
 float: left;
 position: relative;
 color:#f1f1f1;
 font-weight:bold;
 letter-spacing:-6.5pt;
 filter: alpha (opacity=70);
 -moz-opacity: 0.70;
 opacity: 0.70; 
 -webkit-transition-duration:1s; 
}

.time:hover{
 filter: alpha (opacity=90); -moz-opacity: 0.90; opacity: 0.90; 
 -webkit-transition-duration:1s;
 padding:1px 3px 3px 0px;}

.clouds{
 font: normal 18pt "helvetica", sans-serif;
 font-color:#333333;
 letter-spacing:-2pt; }

.sky{
 text-align: right;
 padding: 0 9px 0px 0px;
 font: bold 40pt "helvetica", sans-serif;
 letter-spacing:-7pt;
 text-transform: lowercase;
 line-height:50%;
 color:#222;}

.navi {
 background: #222222;
 color: #555555;
 border-bottom: 1px solid #333;
 font: normal 8pt "helvetica", sans-serif;
 letter-spacing: 3pt;
 margin: 0;
 padding: 8px 5px;
 text-align: right;
 text-transform: uppercase; 
 -webkit-transition-duration:1s; }

.navi:hover {
 -webkit-transition-duration:1s;
 background: #222;
 color: #999999;
 cursor: default;
border-right:140px solid #333; margin-right: 0px;}

a.label:link, a.label:active, a.label:visited {
text-decoration: none;  display: block; font: bold 30pt "arial", sans-serif; color: #e4e4e4; text-align: center; padding-bottom: 3px; margin:5px;
 }
a.label:hover{ 
color: #A6ACA7;  }

</style></head>

<body>

<div class="sky">
The City That Never Sleeps
</div>
<div id="content">
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/3.jpg">

Best viewed in <b>Google Chrome</b>, screen resolution 1280 x 1024.
Do not put too much content under each header or else some of the content could not be seen.

</div>
</div>
<div class="navi" style="border-top: none;" onClick="changeNavigation('about')">
ABOUT</div>
<div class="navi" onClick="changeNavigation('affiliates')">
AFFILIATES</div>
<div class="navi" onClick="changeNavigation('archive')">
ARCHIVES</div>
<div class="navi" onClick="changeNavigation('tagboard')">
TAGBOARD</div>
<div id="sun">
</div>
<div id="about" style="display: none;">
<div class="clouds">
profile</div>
<div id="music">

It's best to keep it short and sweet. (:
</div>
</div>
<div id="affiliates" style="display: none;">
<div class="clouds">
affiliates</div>
<div id="music">

<a href="http://struckbywanderlust.tumblr.com" target="_blank">tumblr</a>
<a href="http://heartsaloud.livejournal.com" target="_blank">livejournal</a>
<a href="http://heartsinink.livejournal.com" target="_blank">heartsinink</a>
<a href="http://twitter.com/heartsaloud" target="_blank">twitter</a>

<div class="clouds">
credits</div>
This skin is made by <a href="http://blogskins.com/me/sleepingtoys" target="_blank">sleeping</a><a href="http://about.me/halfway" target="_blank">toys</a>.<br>
Resources: <a href="http://www.sxc.hu/" target="_blank">1</a>, <a href="http://weheartit.com/entry/2591643" target="_blank">2</a>, 
<a href="http://weheartit.com/entry/442753" target="_blank">3</a>, <a href="http://weheartit.com/entry/2868529" target="_blank">4</a>,
<a href="http://weheartit.com/entry/2867826" target="_blank">5</a>

</div>
</div>
<div id="archive" style="display: none;">
<div class="clouds">
archives</div>
<div id="music">

<td width="235px" valign="top">
   <form name="form1">
   <select style="font-size:8pt;color:#999999;font-family: helvetica;background-color:#333333; border:1px solid #222222; padding: 0px; width: 235px;" onChange="location.href=this.options[this.selectedIndex].value;">
   <option value=''>Archives</option>
   <bloggerarchives>
   <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
   </BloggerArchives>
   </select>
   </form>
</td>

</div>
</div>
<div id="tagboard" style="display: none;">
<div class="clouds">
talk</div>
<div id="music">

Any usable chat widget goes in here.<br>
A pop-up <a href="http://cbox.ws">cbox</a> is recommended.
If you do not want a pop-up cbox, its width should not exceed 250px.

</div>
</div>
</div>
<div id="moon">
<br><br><br>
<blogger>
<br>
<table id="post" border="0" cellpadding="0" cellspacing="0">
<tr>

<div class="date">
posted : <blogdateheader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="title">
title : <$BlogItemTitle$></div>
<div id="postbody">
<$BlogItemBody$></div>
<td valign="top" width="112">
<div class="time" align="center">
<a class="label" href="#top">

<$BlogItemDateTime$> </a>

</div>
</div>
</td></tr>
</table>
</Blogger>
<br><br>

<html>
<head>
<title>A BLOGOD NEVE</title>

::-webkit-scrollbar {width: 5px; height: 5px; background: #72627b; }
::-webkit-scrollbar-thumb:vertical {background: #4b1139;}

body{background: #72627b url(http://3.bp.blogspot.com/-FAEvCzLkYCU/UE5Ro45zO4I/AAAAAAAAOdU/DSMYlwgKhQk/s1600/violet-fabric.gif); 
color: #555; font-family:trebuchet ms; font-size: 8pt; cursor: nw-resize;}
a:link,a:active,a:visited{color: #43787a; text-decoration: none; -webkit-transition-duration: .50s}
a:hover{color:#9c9e7e; cursor: text;}

blockquote {padding:5px; background:#fff; border-left: 15px solid #9c9e7e;border-radius: 15px 0px 0px 15px;}
blockquote:hover {border-left: 15px solid #43787a;}

.box {background:#fff; padding:15px; border-right:1px solid #f5f5f5; margin:10px;}
.sidy{background:#4b1139; margin-bottom:10px; padding:7px; color:#c9b180;}
.blogger-labels { font-size: 0px; margin-top:7px; letter-spacing:3px; text-transform:uppercase; color: transparent; }
.blogger-labels a { font: 8px  tinytots; padding: 5px; background: #3B4058; color: #c9b180; margin: 3px; border-radius: 15px ;}

.title {border-radius: 15px 15px 0px 0px;font:27px 'Niconne', cursive;width:630px; background:#3b4058; height:30px; margin-bottom:0px;text-align:center; color:#c9b180;}
.name {font:27px 'Niconne', cursive;margin-bottom:0px;text-align:center; color:#c9b180;line-height:10px;}
.date {font:13px 'Life Savers', cursive;width:630px; background:#4b1139; margin-bottom:0px;text-align:center; color:#c9b180;}

.h2{font: 8px  tinytots;text-transform:uppercase;background:#4b1139; margin-bottom:0px;text-align:right; padding:3px;color:#c9b180;}
.h3{background: url(http://2.bp.blogspot.com/-jUwdTYboB1g/UE5RnEn_wMI/AAAAAAAAOdM/BZAY4Fva_Cw/s1600/2109211.png); width:199px; height:30px; overflow:hidden;border-radius: 15px 15px 0px 0px;padding:10px;line-height: 14px;}

a.nav {color: #c9b180; background:#4b1139; font:6pt tinytots;padding:5px; width:100px;margin-left:5px;margin-top:30px;text-align:center;text-transform:uppercase; letter-spacing:2px;display:inline-block; -webkit-transition-duration: .50s;text-shadow: 1px transparent;}
a.nav:hover { color:#4b1139;background:#c9b180; -webkit-transition-duration: .50s;cursor: text;}

</style>
</head>

<div style="width:100%;background:url(http://2.bp.blogspot.com/-jUwdTYboB1g/UE5RnEn_wMI/AAAAAAAAOdM/BZAY4Fva_Cw/s1600/2109211.png);top:0px;left:0px;position:fixed;">
<center>
<a class="nav" href="/">Főoldal</a>
<a class="nav" onClick="changeNavigation('1')" >bemutatkozás</a>
<a class="nav" onClick="changeNavigation('2')" >CSERÉK</a>
<a class="nav" target="_blank" 
<a class="nav" target="_blank" href="http://www.blogger.com/follow-blog.g?blogID=YOURIDBLOG">Kövess</a>
</center>
</div>
<center>

<table border="0" cellpadding="0" cellspacing="15">
<tr>
<td valign="top" width="630px" style="font-size:8pt; color:#555; ">
<div id="main">
<blogger>
<div style="background: url(http://2.bp.blogspot.com/-jUwdTYboB1g/UE5RnEn_wMI/AAAAAAAAOdM/BZAY4Fva_Cw/s1600/2109211.png);border-radius: 15px 15px 0px 0px;padding-bottom:7px;margin-bottom:10px;">
<div class="title">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> individual(s)</a></BlogItemCommentsEnabled></div>
<div class="box">
<$BlogItemBody$>
</div>
</div>
</blogger>
</div>
</td>

<div id="1" style="display: none;">
<div style="background: url(http://2.bp.blogspot.com/-jUwdTYboB1g/UE5RnEn_wMI/AAAAAAAAOdM/BZAY4Fva_Cw/s1600/2109211.png);border-radius: 15px 15px 0px 0px;padding-bottom:7px;margin-bottom:10px;">
<div class="title">
BEMUTATKOZÁS</div>
<div class="date">
ALCÍM</div>
<div class="box">
<img src="http://www.blogskins.com/images/smilies/smile.gif"/><br>
Ide jön a bemutatkozás szövege!
</div>
</div>
</div>
<div id="2" style="display: none;">
<div style="background: url(http://2.bp.blogspot.com/-jUwdTYboB1g/UE5RnEn_wMI/AAAAAAAAOdM/BZAY4Fva_Cw/s1600/2109211.png);border-radius: 15px 15px 0px 0px;padding-bottom:7px;margin-bottom:10px;">
<div class="title">
Affiliates</div>
<div class="date">
big friends</div>
<div class="box">

<a href="csere url" target="_blank"> csere neve </a>
<a href="csere url" target="_blank"> csere neve </a>
<a href="csere url" target="_blank"> csere neve </a>
<a href="csere url" target="_blank"> csere neve </a>
<a href="csere url" target="_blank"> csere neve </a>

<td valign="top" width="200px" style="font-size:8pt; color:#555;">
<div style="position:fixed;width:219px;">
<div class="h3">
</div>
<div style="font:8px tinytots; text-transform:uppercase; line-height:10px;" class="sidy">
<center>
<img style="border:7px solid #c9b180;" src="http://3.bp.blogspot.com/-0zaSUfpdciw/UE9X77LqzFI/AAAAAAAAOfg/uyYno6XwHIo/s1600/check.png"/>
<div class="name" style="text-transform:lowercase;">
A BLOGOD NEVE</div>
<br>

IDE JÖN A BEMUTATKOZÁS<br>

<olderposts><a href=<$OlderPosts$>>◄ Régebbi </a></OlderPosts>
<newerposts> // <a href=<$NewerPosts$>>Újabb ►</a></NewerPosts>
</center>
</div>
<div class="h2">
comment</div>
<div style="border-bottom:3px solid #c9b180; background:#fff; font-size: 8pt; color:#555; line-heigth:10px; text-align:justify;" class="sidy">
<center>

</center>
ITT LESZ A CHAT</center>
</center>
</div>
</div>
</div>
</td></tr>
</table>
</body></html>

<html>
<head>
<title>remember.</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6pmcIkW61qfoi4t.gif">
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'>
<script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script>

#center { margin: 180 auto; width: 530px; }
#container { width: 530px; position: absolute; }
#post { padding: 15px; background: #FFF; margin-bottom: 20px; }
#post img { opacity: .4; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -moz-transition: .4s; margin-bottom: 5px; }
#post img:hover { opacity: .7; }
.post-title { border-bottom: 1px solid rgba(233, 227, 205, 0.4); margin-bottom: 7px; padding-bottom: 5px; font-size: 21px; font-family: cambria; letter-spacing: 2px; color: #ab876c; font-style: italic; }
.post-title a { color: #D8D9C7; border-bottom: 0; -webkit-transition: .5s; }
.post-title a:hover { color: #DBB798; border-bottom: 0; }
#post .date { opacity: 0; filter: alpha (opacity=0); margin-top: -25px; -webkit-transition: .4s; transition: .4s; -o-transition: .4s; -moz-transition: .4s; font-family: trebuchet ms; text-transform: uppercase; letter-spacing: 2px; color: #F6D4CA; position: relative; z-index: 10; background: rgba(246, 212, 202, 0.1); width: 500px; padding: 7px 15px; left: -15px; bottom: -25px; }
#post:hover .date { opacity: 1; filter: alpha (opacity=0); bottom: -15px; }
.blogger-labels { margin-bottom: 15px; }
</style>
</head>
<body>
<div id="topbar">
<a href="/"><div class="top">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFqbKgpS5V7U6SS4SZl6_xjWrgRtWTJA3FcJ_xSSVN4sNWhNEHo8kBSNLpM-XD8WR3FoaR_WnZk5xsRkwZO9GL4GKr_529A0DYOAeTjeRRuGgyqlu5ZTdFaKeluoUQ0F2OQkWm4s7gVI/s1600/1d.png"></div>
</a>
<span class="desc"><a href="/">home</a><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">TARTALOM</span><span class="navi"  onclick="document.getElementById('main').innerHTML=document.getElementById('tags').innerHTML">CHAT</span><span class="NAVI" onclick="document.getElementById('main').innerHTML=document.getElementById('TAGS').innerHTML"></span><a href="EGYURLKÓD">EGYÉB</a><a href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" target="_blank">kövess</a></span>

<div id="main">
</div>
<div id="tags" style="display: none">
<div class="area">
IDE JÖN A CHATBOX
</div>
</div>
<div id="profile" style="display: none">
<div class="area">
IDE JÖN A BEMUTATKOZÁS</div>
</div>
<div id="creds" style="display: none;">
<div class="area">
layout 100% handcoded by <a href="http://blogskins.com/me/florals" target="_blank">florals</a> with inspiration from <a href="http://mochakari.com" target="_blank">kari</a> and <a href="http://latteu.blogspot.com" target="_blank">mae</a> and colours from <a href="http://www.colourlovers.com/palette/2230547/*_l_i_g_h_t_s_*" target="_blank">hana*</a>. the backgrounds can be found at <a href="http://fairycandlesxo.tumblr.com" target="_blank">fairycandles</a>.</div>
</div>
</div>
<div id="center">
<div id="container">
<blogger><div id="post">
<blogitemtitle><div class="post-title">
<i><a href="<$fBlogItemPermalinkUrl$>"><$BlogItemTitle$></a></i></div>
</BlogItemTitle>
<blogitembody><$BlogItemBody$></BlogItemBody><div class="date">
POSTED BY <$BlogOwnerFirstName$> <blogdateheader> ON <$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
</div>
</Blogger><div id="post">
<center>
<olderposts><a href="<$OlderPosts$>">back</a> | </OlderPosts>all rights reserved desiree 2012<newerposts> | <a href="<$NewerPosts$>">forth</a></NewerPosts></center>
</div>
</body>
</html>

<html>

<head>

<title>fleur</title>

table{
background: #ffffff;
font-family:'Arimo', sans-serif;
font-weight: normal;
font-size: 11px;
color: #000000;
line-height: 15px;
letter-spacing:1px;
}
#navbar-iframe{
display: none;
}

a{
color: #53777A;
text-decoration: none;
}

a:hover{
color: #542437;
cursor: crosshair;
text-decoration: none;
}

.apple{
background: #542437;
font: normal 12px Courier New;
color: #f5f5f5;
letter-spacing: -1px;
padding: 1px;
float:right;
}

.ball{
background: #53777A;
font: normal 12px Courier New;
color: #fff;
letter-spacing: -1px;
padding: 1px;
float:left;
}

#cat{
background: #53777A;
border-right: 300px solid #542437;
font-family: courier new;
font-size: 13px;
color: #ffffff;
letter-spacing: -1px;
padding:1px;
}

#dog{
background:#53777A;
border-left: 300px solid #542437;
font-family: courier new;
font-size: 11px;
color: #ffffff;
letter-spacing:-1px;
text-align: right;
padding:1px;
}

#dog a{
background: #53777A;
font-family: courier new;
font-size: 11px;
font-weight:normal;
color: #fff;
letter-spacing: -1px;
}

#photofix img{
max-width:570px;
min-width:570px;
height:auto;
display: block;   
margin-left: auto;   
margin-right: auto;
}

::-moz-selection{
background:#542437;
color:#FFFFFF;
}

::selection{
background:#542437;
color:#FFFFFF;
}

#fade { /*--Transparent background layer--*/
 display: none; /*--hidden by default--*/
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
 z-index: 9999;
}
.popup_block{
 display: none; /*--hidden by default--*/
 background: #fff;
 padding: 10px;
 border: 1px solid #eee;
 float: left;
 font-size: 1em;
 position: fixed;
 top: 50%; left: 50%;
 z-index: 99999;
 /*--CSS3 Box Shadows--*/
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
 /*--CSS3 Rounded Corners--*/
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
img.btn_close {
        float: right;
 margin: -2px -2px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
 position: absolute;
}
*html .popup_block {
 position: absolute;
}

.elephant{ 
font-style: italic; 
font-family: georgia;
color: #000000; 
font-size: 10.5px; 
border-bottom: 1px solid #eee; 
text-align: justify;
padding: 3px; 
margin-bottom: 5px; 
}

.elephant img{ 
opacity: 0.3; 
filter: alpha(opacity=30); 
margin-top: 2px; 
}

blockquote{
background: #F1F1F1;
padding: 15px;
}
</style>

</head>
<body>
<div align="center">
<img src="http://media.tumblr.com/tumblr_ljtnlzHFmm1qgnfkz.png"/>
<img src="http://media.tumblr.com/tumblr_lsakfcTeaj1qlzq96.png"/>
<img src="http://media.tumblr.com/tumblr_ljtnlzHFmm1qgnfkz.png"/>
<table border="0" cellspacing="0" cellpadding="10">
<tr>
<td style="background: #ffffff;" valign="top" width="600">

<div style="word-spacing: 5px;">
<div id="cat">
LIGHT OF MY LIFE, FIRE OF MY LOINS
</div>
<div align="center">
<div id="dog">
<a href="/">home</a> / 
<a href="#?w=300" class="poplight" rel="about">about</a> / 
<a href="#?w=300" class="poplight" rel="tagboard">tagboard</a> / 
<a href="#?w=300" class="poplight" rel="links">links</a>
</div>
<div style="position: absolute; top:-5px; left:0px; width:100px; background-color:(none); filter:alpha(opacity=100); background-attachment: fixed;">
</div>
</div>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="10">
<tr>
<td id="content" valign="top" width="600">
<blogger>

</blogger>

<div style=" float:left;">
<olderposts><a  href=<$OlderPosts$>><span style="font-size:40px; font-family:courier new; ">«</span></a></OlderPosts></div>
<div style=" float:right;">
<newerposts><a  href=<$NewerPosts$>><span style="font-size:40px;font-family:courier new; ">»</span></a></NewerPosts></div>
</td>
</tr>
</table>
<div style="font: 10pt courier new; position: fixed; right: 5px; bottom: 3px;">
<a style="color: #111!important; cursor: crosshair!important" href="#?w=300" class="poplight" rel="credits">©</a></div>
<div id="credits" class="popup_block">
<div class="elephant">
All rights reserved ©2013. Layout by <a href="http://www.blogskins.com/me/strawberryavalanche">strawberry avalanche</a> with resources from <a href="http://ego-box.com">1</a>, <a href="http://academyoftumblr.tumblr.com/">2</a>, <a href="http://subtlepatterns.com">3</a> & <a href="http://lifenofear.tumblr.com">4</a>.</div>
</div>
<br><br>

<div id="about" class="popup_block">
<div class="elephant">
“In most books, the I, or first person, is omitted; in this it will be retained; that, in respect to egotism, is the main difference. We commonly do not remember that it is, after all, always the first person that is speaking. I should not talk so much about myself if there were anybody else whom I knew as well. Unfortunately, I am confined to this theme by the narrowness of my experience. Moreover, I, on my side, require of every writer, first or last, a simple and sincere account of his own life, and not merely what he has heard of other men's lives; some such account as he would send to his kindred from a distant land; for if he has lived sincerely, it must have been in a distant land to me. Perhaps these pages are more particularly addressed to poor students. As for the rest of my readers, they will accept such portions as apply to them. I trust that none will stretch the seams in putting on the coat, for it may do good service to him whom it fits.”  Your disclaimer, description, or bio goes here.</div>
</div>
<div id="tagboard" class="popup_block">
<div class="elephant">
Tagboard code here. </div>
</div>
<div id="links" class="popup_block">
<div class="elephant">
<a href="http://blogspot.com">friend</a> <a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
<a href="http://blogspot.com">friend</a>
</div>
</div>
</div>

body { background-image:url(http://i48.tinypic.com/r86yq9.jpg); background-attachment: fixed; font-size: 11px arial; color: #777777; line-height: 150%; }
td, th { color: #999; font: 8pt arial; color: #888; text-align: justify; line-height: 20px; }

i { color: #999; font: georgia 9pt;}
s {color: #b3bbc5;}
b {font-family: "arial", sans-serif; color: #b3bbc5;}
u {color: #999; border-bottom: 1px dashed #b3bbc5; text-decoration: none;}

a:link, a:visited, a:active { text-decoration: none; color: #999; font: courier new 8pt; text-transform: uppercase; letter-spacing: 1px;}
a:hover { text-decoration: none; color: #b3bbc5; }

a.link2 { background-color: #f5f5f5; font-family: arial; font-size: 7.5pt; color: #999999; margin: 2px; text-transform: uppercase; padding: 3px 5px 3px 5px; text-align: center; display: inline-block; border: 1px solid #f5f5f5; }
a.link2:hover { background-color: #b3bbc5; color: #f1f1f1; border: 1px solid #f1f1f1; }

#main { margin-left: auto; margin-right: auto; width: 798px; }

.h1 { font: 7pt arial; color: #999; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin: 0 0 5px; line-height: 24pt; background: url('http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); }
.h1:hover { color: #666; opacity: .40; }
.h2 { margin-top: 40px; font-family: KeriSmith regular; font-size: 15pt; color: #A5A5A5; letter-spacing: 2px; }

.photo { float: left; text-align: center; width: 100px; height: 110px; border: 10px solid #eee; background: #eee; color: #999; border-bottom: 20px solid #eee;}

blockquote { padding: 30px; test-align: justify; background-image: url(http://i49.tinypic.com/2ijmck5.jpg); repeat: reapeat; color: #666; border: 1px solid #f7f7f7; font: 8pt lucida console; opacity: .50; }
blockquote:hover { color:#000; }

.navigation { text-align: justify; display: block; background: url("http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png"); text-transform: uppercase; padding: 15px 50px 15px 50px; border: 1px solid #d9d9d9; -moz-box-shadow: 5px 5px 5px -5px #afafaf; -webkit-box-shadow: 5px 5px 5px -5px #afafaf; box-shadow: 5px 5px 5px -5px #afafaf; width: 100%px; }

</style>

</head>

<div class="tab" style="margin-left: auto; margin-right: auto; width: 800px;">
<font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('about')">ABOUT</font>
<font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('links')">LINKS</font>
<font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('tag')">TAG</font>

<table style="border: 1px solid #e6e6e6;" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="300" bgcolor="#f9f9f9" style="font:11px lucida console; color: #999; padding-left: 50px; padding-right: 50px; padding-bottom: 20px;">
<div id="boxx">
<div class="h2">
about</div>
<div style="border-bottom: 1px solid #eee;">
<br></div>
<br>
I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.<br><br>
</div>
</td>

<td>
<a href="/"><img src="http://i49.tinypic.com/2cqb3tj.jpg"></a>
</td></tr>
</table>
<br>
</div>
<div id="about" style="display: none;">
<div class="h2">
about</div>
<div style="border-bottom: 1px solid #eee;">
<br></div>
<br>
I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.
</div>
<div id="links" style="display: none;">
<div class="h2">
links</div>
<div style="border-bottom: 1px solid #eee;">
<br></div>
<br>
<table>
<tr>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td>
<td width="50">
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
<a class="link2" href="#">friend</a><br>
</td></tr>
</table>
<br><br>

<select style="width: 100%; font:8pt georgia; background:#ffffff; border: 1px solid #f1f1f1; padding:2px; color: #999999;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"> <option value="/">archives</option> <bloggerarchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives></select>
<br><br>
layout by <a href="http://ohquack.blgspot.com">sweet</a>.<a href="httpp://blogskins.com/me/sweetmsery">m!sery</a><br>
resources: <a href="http://ixora.tumblr.com/tagged/resources/page/2" title="bg">x</a><a href="http://kerismith.com/" title="bg">o</a><a href="http://sundaysecretss.livejournal.com" title="icons">x</a><a href="http://weheartit.com/entry/29076139/via/dollyvogue" title="img">o</a>
</div>
<div id="tag" style="display: none;">
<div class="h2">
tagboard</div>
<div style="border-bottom: 1px solid #eee;">
<br></div>
<br>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div>
<iframe frameborder="0" width="190" height="100" src="http://www7.cbox.ws/box/?boxid=429096&boxtag=mjw5z0&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-429096" style="border: 0px solid;" id="cboxmain7-429096"></iframe></div>
<div>
<iframe frameborder="0" width="190" height="60" src="http://www7.cbox.ws/box/?boxid=429096&boxtag=mjw5z0&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-429096" style="border: 0px solid;border-top:0px" id="cboxform7-429096"></iframe></div>
</div>
</div>
<div id="main">
<blogger>
<div style="background:#fff;border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
<div class="h1">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle> // <blogdateheader><$BlogDateHeaderDate$></BlogDateHeader></div>
<table style="font: 8pt arial;">
<tr>
<td width="100" style="padding: 10px;" valign="top" align="center">
<div class="photo">
<script type="text/javascript">
</script>
<div style="margin-top: 10px; font: 7pt arial; letter-spacing: 2px; text-transform: uppercase; color: #999;">
<$BlogItemDateTime$></div>
</td>
<td><div style="padding: 15px;">
<$BlogItemBody$><br></div>
</td></tr>
</table>
</div>
<br>
</Blogger>

<div style="margin-left: auto; margin-right: auto; width: 800px;">
<div class="navigation">
<olderposts><a  href=<$OlderPosts$>><span style="font-size:12px;font-family:courier new"><img src="http://i47.tinypic.com/244duoi.jpg" height="12px"> Older entries </span></a></OlderPosts> 
<div style="float: right">
<newerposts><a  href=<$NewerPosts$>><span style="font-size:12px;font-family:courier new"> Newer entries <img src="http://i46.tinypic.com/33wqnw6.jpg" height="12px"> </a></span></a></NewerPosts></div>
</div>
</div>
<br><br>
</center>

Teljes design kódok

Nincsenek megjegyzések:

Megjegyzés küldése