Stanmx

Personaliza el titulo de tu sitio con javascript.

Diciembre 11, 2005 en javascript

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.

0 Comentarios