Posts filed under ‘Código’

Código css para mostrar un menu lateral con resaltado y clickable en toda su extensión

La técnica se basa en:

  1.  Usar una capa div como contenedor
  2. Crear dentro de la capa enlaces href que se corresponderán con cada una de las filas del menú
  3.  El uso dentro de la hoja de estilo de display: block en el div
  4. Anidar el estilo de los enlaces al div (#left_menu a.sub)
  5. Distinguir con background-color en los estilos asociados a los  estados de los enlaces (hover)

<style>
#left_menu a {
  display: block;
  color: black;
  text-decoration: none;
}

#left_menu a.sub {
  background-color:blue;
}

#left_menu a.sub:hover{
  background-color: red;
}
</style>
<div id=”left_menu”> 
<a href=”#” mce_href=”#” class=”sub”> Models</a>  
<a href=”#” href=”#” class=”sub”>Models 2</a>
<a href=”#” href=”#” class=”sub”> Models 3</a>  
<a href=”#” href=”#” class=”sub”>Models 4</a>

</div>

Este es el resultado

img.png

Anuncios

febrero 22, 2007 at 8:56 am 4 comentarios

Código javascript que evitar cargar una página interna de un sistema frames sin el frame padre

if (self.parent.frames.length != 0)
self.parent.location=document.location.href;

enero 19, 2007 at 9:46 am Deja un comentario

Código javascript que obliga a recargar el frame completo en caso de querer ver una de las ventanas del frame


if (self.parent.frames.length != 0)
     self.parent.location=document.location.href;

enero 18, 2007 at 5:07 pm Deja un comentario


Calendario

septiembre 2017
L M X J V S D
« Feb    
 123
45678910
11121314151617
18192021222324
252627282930  

Posts by Month

Posts by Category