Blue Template v1.0

Subiect: Blue Template v1.0 Dum Feb 27, 2011 6:39 pm

Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Descriere:
Primul meu template. O sa revin cu ceva inbunatatiri.

Va rog sa nu scoateti textul "Coded & Designed by Helas" Smile

Atentie! Momentan este optimizat doar pentru [Trebuie sa fiti inscris si conectat pentru a vedea acest link] o sa revin cu optimizare si pentru celelalte browsere Smile

Cod sursa:

Cod:: <html>
<head>
<title>Loto Online</title>
<style type="text/css">
body {
background: #ddd;
   background-image:url(http://ne-army-ro2.hi2.ro/bg.png);
   background-repeat:repeat;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding-top: 15px;
}

p{ font-family: 'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#000; }
li{ list-style-type:disc; }
h3{color: #51a7ff; text-shadow: black 0.1em 0.1em 0.2em; font-size: 36px; }
h1{ font-size:14px; color: #51a7ff; text-shadow: black 0.1em 0.1em 0.2em; }

/* LINK */

a {color: #333333; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }

/* MENIU */

#header{
width:914px;
height:174px;
background-image:url(http://ne-army-ro2.hi2.ro/header.png);

}

#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://ne-army-ro2.hi2.ro/menu-bg2.png) repeat-x 0 0;
   font: bold 12px/33px Verdana, Arial, Tahoma, Sans-serif;
   height: 33px;
   width: 914px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #51a7ff;
text-shadow: black 0.1em 0.1em 0.2em;

}
#menu ul li.last a {
padding-right: 20px;
text-shadow: black 0.1em 0.1em 0.2em;
}
#menu ul li a:hover {
color: #a9d3ff;
text-shadow: black 0.1em 0.1em 0.2em;
}

/* CONTINUT */

#content{
width:914px;
height:300px;
background-color: #007eff;
}

#cont-left{
margin: 2px 20px 20px 0px;
width:600px;
height:auto;
float:left;
margin-right:5px;
margin-top:15px;
margin-left:10px;
border:3px solid #4fba7d;
color: #000;
padding:4px;
background-color: #005ab6;
border:1px solid #000;
}

#cont-righti{
float:left;
margin-left:5px;
margin-top:0px;
background-color: #005ab6;
border:1px solid #000;
padding:4px;
width:250px;
height:250px auto;
color: #000;
margin-bottom: 10px;

}

#cont-right-h{
padding-top: 4px;
text-align:center;
color: #51a7ff;
text-shadow: black 0.1em 0.1em 0.2em;
background-color: #005ab6;
border:1px solid #000;
width:250px;
height:20px;
margin-bottom: 10px;

}

#footer{
padding-top:15px;
text-align:center;
color: #51a7ff;
text-shadow: black 0.1em 0.1em 0.2em;
margin: inherit;
width:914px;
height:57px;
background: url(http://ne-army-ro2.hi2.ro/footer.png) no-repeat;
}
</style>
</head>
<div align="center">
<div id="header">

<h3>Nume Site</h3>
</div>
</div>
<body>
   <div id="menu">
<ul><li><a href="link.html">Meniu</a></li>
<li><a href="link.html">Meniu</a></li>
<li><a href="link.html">Meniu</a></li>
<li><a href="link.html">Meniu</a></li>
</ul>
</div>
<div align="center">
<div id="content">
<div id="cont-left">
<h1>Lorem ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac nisi fermentum est dictum consequat. Aenean suscipit leo eget velit laoreet et malesuada metus lacinia. Nunc non enim at magna aliquam dignissim vitae ac mauris. Nullam laoreet tristique orci, nec imperdiet turpis condimentum quis. Aliquam id nisl vitae mauris accumsan lobortis et vitae enim. Pellentesque rhoncus pharetra turpis sed viverra. Nam ante turpis, commodo sit amet posuere nec, ultricies quis nunc. Pellentesque et velit urna, et pulvinar ipsum. In posuere consequat ipsum semper tempus. Aenean id augue eu turpis scelerisque congue. Aliquam auctor, dolor et ultrices aliquet, neque nibh hendrerit est, at ornare purus augue eget diam. Fusce lorem lorem, tincidunt malesuada convallis at, viverra a nisi. Curabitur ut aliquam odio. Pellentesque sit amet velit ligula, sed adipiscing tortor. Maecenas nec massa non nulla rutrum suscipit vel sed ipsum. In at mauris mauris, a porttitor lacus. Morbi quis libero vel magna semper posuere. Sed a neque quis justo tincidunt ullamcorper non eget nunc. Sed condimentum iaculis nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</div>

<div id="cont-righti">
<div id="cont-right-h">
Reclama</div>
<p><img src="http://www.lipsum.com/images/banners/black_120x240.gif" alt="s"></p>
</div>

</div>
</div>
</div>
</div><center>
<div id="footer">
Copyright 2010 <strong>Nume Site</strong>

Coded & Designed by <strong>Helas</strong>
</div></center>
<div>
<center>
<img src="http://www.lipsum.com/images/banners/grey_88x31.gif" alt="s">
<img src="http://www.lipsum.com/images/banners/grey_88x31.gif" alt="s">
<img src="http://www.lipsum.com/images/banners/grey_88x31.gif" alt="s">
<img src="http://www.lipsum.com/images/banners/grey_88x31.gif" alt="s">
</center>
</div>
</body>
</html>