Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje05-12-2008, 20:42 (UTC)    
Título del mensaje: [Diseño para Css Design] Empire Earth

Hola amigos alfin entiendo esto lo de las plantillas Css Design ps ahora les aporto mi primer plantilla Css Design espero que les guste.... Es del juego de simulacion real mas bueno de la ultima decada:

Imagen Del Design:



Aqui El Code:

Texto Por Encima De La Pagina:


Código:
<style type="text/css" media="screen">
<!--
body
{
font-family:  Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 310px;
left: 52%;
margin-left:-185px;
width: 647px;
}

.menu li
{
width: 70px;
float: left;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 10px;
height:31px;
color: #ffffff;
}

.menu a:hover
{
background-color: #transparent;
background-image: url();}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 13px;
display: block;
width: 79px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">

<li><a href="LINK">LINK</a> </li>   
<li><a href="LINK">LINK</a> </li>   
<li><a href="LINK">LINK</a> </li>   
<li><a href="LINK">LINK</a> </li>   
<li><a href="LINK">LINK</a> </li>   
</div>



<div id="Designmystic">

<div id="text"><h1></h1>
</div>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>



CSS - Code Sin Style Tags:

Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}



#text{
color: 000000;
position: absolute;
top: 110px;
margin-left:-300px;
left: 50%;
}



body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 1000px;
height:800px;
background-image:url(http://pixelea.com/s/2a5d2c8c32.gif);}

#content {
position: absolute;
left: 50%;
top: 350px;
margin-left:-440px;
width: 876px;
height: 490px;
padding:10px;
color: #ffffff;
font-size:13px;
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}


#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}



a{
color:#000000;
text-decoration: none;
font-size:13px;}

a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}


Espero Que Les Guste El Design....

Salu2

______________
- THEKINGMARINE TRAILERS -
...Lo Mejor En Trailers De Cine...






Ultima edición por thekingmarine el Sab Dic 06, 2008 7:48 am; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group