Autor: fraNNNta
Copyright: DA
Descriere: Primul meu template facut de la zero,sper sa va placa
Imagini:
Cod:
Copyright: DA
Descriere: Primul meu template facut de la zero,sper sa va placa
Imagini:
- Spoiler:
Cod:
- Cod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table class="continut" align="center"border="0">
<tr>
<th>
<div class="header"
style="height: 135px;
width: 98%;
margin-top:5px;
text-shadow: 1px 0px 3px black;
font-weight: 600;
font-size: 48px;
text-decoration: none!important;
background: #086398 url(http://i42.servimg.com/u/f42/14/12/03/12/untitl40.png);
border-radius: 7px;
border: 1px solid black;
box-shadow: 0px 0px 1px #15b5ff inset ;
color: white;
margin-left: 10px;
margin-right:10px;
margin-right: 55px;text-align:center;">Mesaj in header
</div>
<table class="meniu" width="450" align="center"border="0">
<tr>
<th width="430" scope="col"><a href="#"> link 1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<a href="#">link4</a>
<a href="#">link5</a>
<a href="#">link6</a>
<a href="#">link7</a>
<a href="#">link8</a>
<a href="#">link9</a</th>
</tr>
</table>
<table class="descriere" width="650" align="center"border="0">
<tr>
<th width="630" scope="col">adauga o descriere aici</th>
</tr>
</table>
<table class="casete" align="center" width="732" height="337" border="0">
<tr>
<th background="blue" scope="col" width="200"><div class="casuta1">Teme ForumGratuit<br><br><img src="http://cdn3.iconfinder.com/data/icons/UltimateGnome/128x128/apps/gnome-settings-theme.png"></img><br>Descarca cele mai noi teme<br>
<a href="#">link tema</a><br>
<a href="#">link tema</a><br>
<a href="#">link tema</a><br>
<a href="#">link tema</a><br>
<a href="#">link tema</a><br>
<a href="#">link tema</a><br></div></th>
<th scope="col" width="200"><div class="casuta2">Galeria de imagini<br><br><img src="http://cdn5.iconfinder.com/data/icons/IS_CMS/128/theme_editor.png"></img><br></div></th>
<th scope="col"width="200"><div class="casuta3">Templateuri<br><img src="http://cdn3.iconfinder.com/data/icons/humano2/128x128/mimetypes/x-office-document-template.png"></img></div></th>
</tr>
</table>
<table class="copyright" width="450" align="center"border="0">
<tr>
<th width="430" scope="col">template creat de fraNNNta-Design pentru site-ul tau aici</th>
</tr>
</table>
</th>
</tr>
</table>
<style>
body{
margin-top: 40px;
background: #141414;
background: url(http://i42.servimg.com/u/f42/14/12/03/12/17095d10.jpg);
max-width: 1200px;
max-height: 860px;
}
.meniu{
position:relative;
bottom:172px;
left: 30px;
border-radius: 7px 7px 0px 0px;
color:white!important;
text-shadow: 0px 0px 2 white;
width: 600px;
box-shadow: 0px 0px 1px white inset;
border:1px solid #2c2c2c;
background: #141414 url(http://i42.servimg.com/u/f42/14/12/03/12/bg10.png);
padding: 4px;
border-bottom: 1px solid black;
text-align: center;
height: 30px;}
.meniu a{
font-family: verdana;
text-shadow: 0px 1px 2px black;
color: white!important;
background: transparent;
border: none;
position:relative;
top: 0px;
font-size: 12px;
text-decoration: none!important;
margin-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right:7px;
}
.meniu a:hover{
text-shadow: 0px 1px 2px black;
color: white!important;
background: black;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white inset;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7px;
padding-right:7px;
margin-left:10px;
border-radius:5px;
text-decoration:none!important;
}
.continut{
border-radius:10px 10px 15px 15px;
background: #2c2c2c;
border:1px solid black;
box-shadow: 0px 0px 1px white inset ;
width: 90%!important;
margin-left: 90px;
min-height: 600px;
}
.casete{
font-family: verdana;
border:1px solid black;
border-radius: 10px;
background: #141414;
box-shadow: 0px 0px 1px white inset}
.casuta1{
font-family: verdana;
height: 330px;
color: #058cff;
text-shadow: 0px 0px 2px black;
font-family:verdana;
font-size:12px;
background: #141414;
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
box-shadow: 0px 0px 1px white;}
.casuta2{
height: 330px;
color: #e81701;
text-shadow: 0px 0px 2px black;
font-family:verdana;
font-size:12px;
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
box-shadow: 0px 0px 1px white;}
.casuta3{
height: 330px;
color:yellow;
text-shadow: 0px 0px 2px black;
font-family:verdana;
font-size:12px;
background: #141414;
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
box-shadow: 0px 0px 1px white;}
.copyright{
color:white;
text-shadow: 2px 0px 2px black;
font-family: verdana;
font-size:12px;
background: #141414 url(http://i42.servimg.com/u/f42/14/12/03/12/bg10.png);;
border-radius: 0px 0px 5px 5px;
border: 1px solid black;
box-shadow: 0px 0px 1px white;}
.descriere{
text-shadow: 2px 0px 2px black;
color:white;
font-family:verdana;
font-size:12px;
background: #141414 url(http://i42.servimg.com/u/f42/14/12/03/12/bg10.png);
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
box-shadow: 0px 0px 1px white;}
</style>
</body>
</html>
