Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/01/2012, 00:00
doom13
 
Fecha de Ingreso: diciembre-2011
Ubicación: Buenos Aires, GBA Zona Norte
Mensajes: 10
Antigüedad: 12 años, 11 meses
Puntos: 0
<h1 href="deberiaexistir.htm">

Ya tengo un color definido desde el css para los links...

a:link; a:visited; a:hover;...
(estos son los que usé para definir el color y demás)

Ahora, yo quiero que en la capa "menu" tenga definido un color distinto de "link", "hover", y "visited".

intenté hacerlo con h1

pensé, si con el a se escribe así: <a href="deberiaexistir.htm">

entonces, con el h1 se podía así: <h1 href="deberiaexistir.htm">

Código HTML:
<html>
 <head> 
  <title> Fabián </title>
  <style type="text/css">

   
   A:link {text-decoration:none; text-shadow: 0px 0px 3px rgba(0,0,255,1); color: #000}
   A:visited {text-decoration:none; text-shadow: 0px 0px 5px rgba(0,0,255,1); color: #FFF}
   A:hover {text-decoration:none; text-shadow: 0px 0px 2px rgba(255,0,0,1); color: #F00}

   body {
    background: #000;
    color: #FFF;
    font-family: Arial;    
   }
   
   #blur{
    text-shadow: 0px 0px 3px rgba(255,255,255,1);
   }

   #menu{
    text-shadow: 0px 0px 2px rgba(0,255,255,1);
    border-radius: 25px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-bottom: 25px;
    padding-left: 10px;
    height: 30%;
    width: 100px;
    background: #222;
    box-shadow: 0px 0px 4px rgba(0,255,255,0.5);
    font-size: 12px;
    color: #000;
   }

   #menu:hover{
    text-shadow: 0px 0px 2px rgba(0,255,255,1);
    border-radius: 25px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-bottom: 25px;
    padding-left: 10px;
    height: 30%;
    width: 100px;
    background: #222;
    box-shadow: 0px 0px 4px rgba(0,255,255,1);
    font-size: 12px;
    color: #FFF;
   }

   h1
   {
    text-decoration: none;
    font-size: 12px;
   }
   h1:hover
   {
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(255,255,255,1);
    font-size: 12px;
    color: #FF0;
   }

  </style>
 </head>

 <body>
  Texto normal
  <b> Texto negrita </b>
  <i> Texto cursiva </i>
  <u> Texto subrayado </u>
  <a href="fabi.htm"> Texto linkeado </a>
  <div id="blur">
   Este es un texto escrito por mí, que no te extrañe que brille (?)
  </div>
  <div id="menu">
   Menu <br> <br>
   <h1 href="http://www.quakelive.com">Quake Live</h1><br>
  </div>
 </body>
</html> 
Se entiende lo que quiero lograr?
En todo el resto de la web quiero que tenga los mismos colores de link, visited y hover. Salvo en el menú, que debe tener distintos colores de link, visited, y hover.

Espero ansiosamente la respuesta, quiero ver como queda :33

¡¡Saludos y gracias por su atención!!
Fabián

Última edición por doom13; 03/01/2012 a las 00:11