Stanmx

Buscando la accesibilidad

Personaliza el titulo de tu sitio con javascript.

Publicado en javascript el 11/12/05 a las 03:13 am

Desde que comencé a navegar por los blogs se me ha creado el habito de darle click al titulo del blog para regresarme a la pagina de inicio, sin embargo en un gran numero de blogs la cosa no funciona así.

Tienen un titulo o logo del blog estático e integrado a su menú o contenido un enlace para regresar a la pagina inicial.

Habito bueno o malo, aun lamentablemente lo sigo haciendo en algunos sitios nuevos. Ahora para el nuevo rediseño estuve buscando la manera de hacer eso posible en mi blog, ya que mi titulo anteriormente era estático también.

Encontré que con Javascript es posible solucionar la interrogante, he aquí el código XHTML/Javascript y CSS que utilizo para esa tarea.

Código XHTML/Javascript

<div id="titulo"
 onclick="window.location='http://www.stanmx.com/';" 
title="Pagina Principal">
  <h1><span>Stanmx</span></h1>

  <h2><span>Buscando la Accesibilidad.</span></h2>
</div>

Código CSS

#titulo h1{
  background: transparent url(../images/titulo.gif) no-repeat top; 
  width: 190px; 
  height: 52px; 
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}
#titulo h1 span,#titulo h2 span {
  display:none;
}

Sugerencias y aportaciones en los comentarios.

Post relacionados

Aporta tu comentario

Tu Email no sera publicado.

Opcional.