Stern's Graphic Portfolio - a wish right now vr.

It is Love or Lust?

« Older   Newer »
  Share  
~»Stern™
view post Posted on 8/5/2010, 20:34




Love or Lust



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 type="text/css">

body {
background-color: #040404;    
background-image: url('http://i41.tinypic.com/10o4jh0.png');    
background-repeat: repeat;    
}

#immagine{
       position: absolute;
left: 0px;
top: 40px;
       }
       
.title {
font-family:Times New Roman;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
color: #c4c2c2;
line-height: 20px;
text-transform:uppercase;
text-align:left}

#colonna1 {
position: absolute;
top:480px;
left:40px;
width: 250px;
height:120px;
z-index: 0;
overflow: auto; }

#colonna2 {
position: absolute;
top:480px;
left:310px;
width: 250px;
height:120px;
z-index: 0;
overflow: auto; }


p, body, div  
{
font-family:Verdana;
font-size:9px;
letter-spacing:0px;
color: #454545;
line-height: 10px;
text-align:justify}


b, strong {
font-size:10px;
color: #233a41;
line-height:10px;}

i,em{
color: #36606e;
font-size:10px;}

u{
color: #627981;
font-size:10px;}

.contatore {
       letter-spacing:3px;}


a:link, a:visited  {
color: #c4c2c2;
text-decoration:none;
}

a:hover {
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;
}


.collegamentouno a:link, .collegamentouno a:visited{
position: absolute;
top:385px;  
left: 5px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #381b35;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentouno a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}

.collegamentodue a:link, .collegamentodue a:visited {
position: absolute;
top:385px;  
left: 135px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #14404e;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentodue a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}

.collegamentotre a:link, .collegamentotre a:visited {
position: absolute;
top:385px;  
left: 265px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #381b35;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentotre a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}


#blogger {
position: absolute;
width: 520px;
z-index: 3;
left: 40px;
top: 660px;}

.contenitore {
background-color:#171717;
padding: 10px;}

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


</style>
</head>

<body>

<div id="immagine"><img src="http://i41.tinypic.com/nvs21f.png" border="0"><br/>
<img src="http://i39.tinypic.com/if74eo.png" border="0"><br/>
<img src="http://i39.tinypic.com/msd6b4.png" border="0"><br/>
<img src="http://i48.tinypic.com/nva7nq.png" border="0">
</div>

<div class="collegamentouno">
<a href="#">LINK#1</a></div>

<div class="collegamentodue">
<a href="#">LINK#2</a></div>  

<div class="collegamentotre">
<a href="#">LINK#3</a></div>

<div id="colonna1">
<div class="title">Who I am</div>
<b>grassetto</b>, <u>sottolineato</u>, <i>corsivo</i><br>

Lorem ipsum dolor 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.
<br>
<br>

<div class="title">Love</div>
Lorem ipsum dolor 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.
<br>
<br>
<div class="title">Hate</div>
Lorem ipsum dolor 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.
<br>
<br>
<div class="title">Books</div>
Lorem ipsum dolor 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.

<br>
<br>
<div class="title">Music</div>
Lorem ipsum dolor 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.
</div>


<div id="colonna2">
<div class="title">Counter</div>
Sono passati di qui in:<br/>
<div class="contatore"><$BlogCounter$></div>
<br>
<div class="title">Categories</div>

<$BlogCategories$>
<br>
<br>
<div class="title">Archivio</div>
<$BlogArchive$>
<br>
<br>
<div class="title">Credits</div>
Template made by <a href="http://sternsgraphic.forumcommunity.net/">Stern</a><br>
<span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/StillImage" property="dc:title" rel="dc:type">Stern's

Graphic</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://sternsgraphic.forumcommunity.net/" property="cc:attributionName"

rel="cc:attributionURL">Stern</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">Creative Commons

Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License</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>Distribuited 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>

</div>



<div id="blogger">
<Blogger>
<div class="contenitore">
<div class="title"><$BlogItemTitle$></div>

<div class="cronologia">(<$BlogDateHeaderDate$>-<$BlogItemDateTime$>)</div>
<br>
<$BlogItemBody$>

Lorem ipsum dolor 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>
Written by <b><$BlogItemAuthor$></b>, thanks for <$BlogItemComments$>!</br>
<br>
<br>

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


</body>
</html>


Edited by ~»Stern™ - 22/6/2010, 19:54
 
Top
view post Posted on 14/5/2011, 10:24


.....

Group:
Member
Posts:
3,216
Location:
Salvatore' s House

Status:
offline.


prelevo questo template per il mio blog grazie^^
 
home  Top
1 replies since 8/5/2010, 20:34   471 views
  Share