Pink Summer

~»Stern™

Posted on 28/6/2010, 17:30

Pink Summer

ATTENZIONE: non cancellare i credits. E' vietata qualsiasi modifica dell'html o rimozioni di parti di esso. Non usare il codice di questo template come base per altri.

SPOILER (click to view)

CODICE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><$BlogTitle$></title>
<style>
body{
background-color:#e5dfe1;
background-image: url(http://i50.tinypic.com/ibexrk.png);
background-repeat:repeat-y ; }

::-moz-selection{
background: #efefef;
color: #bdbdbd}

p, body, div {
font-family:Tahoma, Geneva, sans-serif;
font-size: 10px;
color: #776869;
line-height: 9px;
cursor: text;}

#contenitorecolonna{
width: 173px;
margin-left: 720px;
margin-top:50px;

}

#contenitorecolonnadue{
width: 173px;
margin-left: 720px;
margin-top:200px;

}

#contenitorecolonnatre{
width: 173px;
margin-left: 0px;
margin-top:120px;

}

#contenitoreblog{
width: 470px;
margin-left: -500px;
margin-top:-375px;

}
.display-pic img {
border: 1px solid #e5dfe1;
padding: 5px;
margin-left:30px;
margin-top:30px;
margin-bottom:10px;
}

#colonnadestra {
background-color: #efefef;
float: right;
width: 173px;
text-align:justify;
}

#blogger {
background-color: #efefef;
padding: 8px;
margin-right: 5px;
}

.titleblog {
font-family: arial;
font-size: 18px;
letter-spacing: 2px;
color: #b06c7d;
text-shadow: 1px 1px 1px #9a9a9a;
line-height: 20px;
cursor: e-resize}

.titlecolonna {
font-family: arial;
font-size: 18px;
letter-spacing: 2px;
background-color: #efefef;
width: 100px;
height:18px;
color: #a6a78b;
text-align: center;
text-shadow: 1px 1px 1px #9a9a9a;
cursor: e-resize
}

.testo {
text-align: center;
padding:10px;}

.cronologia {
font-family:Courier New, Courier, monospace;
text-transform:uppercase;
color: #bdbdbd;
font-size:10px;
text-align: left;
line-height:10px;}

.menu a:link, .menu a:visited {
font-family:Arial;
font-size: 16px;
font-weight:bolder;
letter-spacing: 2px;
color: #cca6b3;
background-color: #efefef;
display: block;
text-decoration: none;
margin-bottom: 1px;
text-align: left;
padding-left: 1px;
cursor:ne-resize;
}

.menu a:hover {
font-family:Arial;
font-size: 16px;
color: #ffffff;
background-color: #efefef;
display: block;
text-decoration: none;
margin-bottom: 1px;
text-align: left;
padding-left: 1px;
border: 0;
text-shadow: 0px 0 10px #b06c7d;
cursor:ne-resize;
}

b, strong {
font-size:9px;
color: #b06c7d;
line-height:10px;
cursor: e-resize;
}

i,em{
color: #8fa24e;
font-size:9px;}

u{
color: #919eb1;
font-size:9px;}

a:link, a:visited {
color: #d1bfc5;
font-family: tahoma;
font-size: 9px;
text-decoration: none;
cursor:ne-resize;
}

a:hover {
color: #ffffff;
font-family: tahoma;
font-size: 9px;
text-decoration: none;
background-color: #d1bfc5;
cursor:ne-resize;
}

</style>
</head>

<body>

<div id="contenitorecolonna">
<div class="titlecolonna">Me;</div>
<div id="colonnadestra">
<div class="display-pic img">


<img src="http://i45.tinypic.com/xdxr4j.png" />

</div>
<div class="testo">
<b>Name:</b> YourName<br>
<b>Age:</b> YourAge<br>
<b>Place:</b> WhereYouStay<br>

</div>
</div></div>
<br /><br /><br />

<div id="contenitorecolonnadue">
<div class="titlecolonna">Find me;</div>
<div id="colonnadestra">
<div class="testo">
<div class="menu">
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>

<a href="#">Link</a><br>

</div>
</div>
</div>
<div>
<br>
<div id="contenitorecolonnatre">
<div class="titlecolonna">Credits;</div>
<div id="colonnadestra">
<div class="testo">
<a href="http://sternsgraphic.forumcommunity.net/">Stern</a> on

<a href="http://sternsgraphic.forumcommunity.net/">1</a> <a href="http://artpieces.splinder.com/">2</a> <a href="http://folliedartegraphic.splinder.com/">3</a> <a href="http://fuckergraphic.splinder.com/">4</a><br />
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/it/80x15.png"></a><br>
Best view with <a href="http://www.mozilla-europe.org/it/firefox/">Mozilla Firefox</a><br>
some effects may not be displayed with other browsers.<br>
Thanks to <a href="http://tokiohotel.forumfree.it/?act=Profile&MID=2331199">Fizzy</a> <br>for <i>display-pic img</i> code and<br>

to <a href="http://www.blogskins.com/me/_toile_filante">*�toile filante</a> and <a href="http://maybe.blogfree.net/?act=Profile&MID=361">novalee</a> for ispiration.
</div></div>
</div>


<div id="contenitoreblog">
<Blogger>
<div id="blogger">
<div class="titleblog"><$BlogItemTitle no_seo=1$></div>
<div class="cronologia">(<$BlogDateHeaderDate$>-<$BlogItemDateTime$>)</div>

<br>

<$BlogItemBody$>

<b>Lorem</b> <i>ipsum</i> <u>dolor</u> sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.

Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi. Nullam

fringilla venenatis nunc, quis malesuada odio interdum eget. Quisque laoreet commodo elit non interdum. Class aptent taciti sociosqu ad litora

torquent per conubia nostra, per inceptos himenaeos. Pellentesque vehicula orci quis eros pellentesque hendrerit. Maecenas tempor iaculis augue,

tempus malesuada eros semper quis. Nunc in nulla at elit sagittis bibendum. Aenean venenatis placerat tortor vitae pharetra. Nullam vulputate

sollicitudin metus sit amet laoreet. Aenean placerat sagittis tincidunt. Aenean nec nibh libero, consequat fermentum nulla. Sed auctor venenatis

vehicula.
<br>
<br>
<b><$BlogItemAuthor$></b>, thanks for <$BlogItemComments$>- <br />
- <$BlogItemCategories$> -

<br>
<br>
</div>
<br><br>
</Blogger>
<br><br>
<$BlogPager$>
<br>
<br>
</div>

</body>
</html>

0 replies since 28/6/2010, 17:30 292 views