Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje30-10-2009, 20:56 (UTC)    
Título del mensaje: menu pwg

hola aca dejo un menu paresido a el de paginawebgratis.es
si se le sacala publicidad sin avisar tendra problemas
vista previa http://ayudawebfacil.es.tl/menupwg1.htm

Código:

<!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>CSS Menu Vista</title>

<style type="text/css">

body{
background:#08445A;
}

#menu ul {
   padding: 0px;
   margin: 0px;
   background: url(http://img25.xooimage.com/files/0/4/a/menupwg-14be296.png) repeat-x;
   font-size: 14px;
   font-weight: bold;
   width: 94%;
   float: left;
   font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica, Arial;
}

#menu ul li {
   display: inline;
}

#menu ul li a:link, #menu ul li a:visited {
background: url(http://img25.xooimage.com/files/0/4/a/menupwg-14be296.png) left top no-repeat;
color: #000000;
padding-left:30px;
float: left;
text-decoration: none;
display:block;
margin:01 5px;
}

#menu ul li a span{
padding:5px 35px 5px 0;
line-height:30px;
display:block;
background: url(http://img25.xooimage.com/files/0/4/a/menupwg-14be296.png) right top no-repeat;
}

#menu ul li a:hover, #menu ul li a:active{
   color: #FFF;
   background: url(http://img25.xooimage.com/files/0/4/a/menupwg-14be296.png) left bottom no-repeat;
}

#menu ul li a:hover span, #menu ul li a:active span{
   background: url(http://img25.xooimage.com/files/0/4/a/menupwg-14be296.png) right bottom no-repeat;
}

</style>


</head>

<body>


<div id="menu">

<ul>
<li><a href="home.htm"><span>Home</span></a></li>
<li><a href="#"><span>Texto</span></a></li>
<li><a href="#"><span>Texto</span></a></li>
<li><a href="#"><span>Texto</span></a></li>
<li><a href="www.ayudawebfacil.tk"><span>ayudawebfacil</span></a></li>
</ul>
</div>


</body>
</html>





Ultima edición por ayudawebfacil el Sab Oct 31, 2009 2:34 pm; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group