Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Esta ves el código va a ser con un link, el cual al hacer click, o pasar por el, se va a abrir la imagen, mensaje o lo que pongan dentro del elemento div.

Paso 1:

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:
<script type='text/javascript'>
//<![CDATA[
function mostrarelementodiv() {
div = document.getElementById('elementodiv');
div.style.display = '';
}
function cerrarelementodiv() {
div = document.getElementById('elementodiv');
div.style.display='none';
}
//]]>
</script>

Donde elementodiv es el nombre del div, el cual tendra el contenido que mostraremos.

Paso 2:

Crear un div con el nombre elementodiv y ponerlo abajo de de <body>.

Ejemplo con una imagen:
<div id="elementodiv" style="border:0;background: transparent; left:15px;top:10px;position:fixed;width: 190px;z-index:9999;display:none;">
<a href='javascript:cerrarelementodiv();return false;'><img border='0' src='URL de la imagen cerrar' style='float: right;' title='Cerrar'/>
<img src="URL de la imagen a mostrar"/></a>
</div>

Guardar la plantilla.


Paso 3:

Crear el link para abrir el elemento div. (puede ser un texto o imagen)

Ejemplo con una imagen:
<a href="#" onclick="mostrarelementodiv();return false;"><img src="URL de la imagen" style="border: 0;"/></a>

Resultado clic en la imagen:

Resultado clic en texto: Abrir ejemplo

Resultado pasando el cursor:

Códigos CSS para personalizar:


left:15px: distancia desde la izquierda.
top:10px: distancia desde arriba.
position:fixed: se muestra el contenido del div siempre fijo con la posición establecida por left y top.
width: 190px: distancia desde la izquierda para mostrar la imagen de cerrar.
float: right: muestra la imagen de cerrar del lado derecho.
onclick cambiar por onmouseover para abrir pasando el cursor.

Por otros detalles sobre el código ver: Parte 1.

Botones de cerrar:

Pueden ver de la forma que utilizo este ejemplo en el menú superior pasando el cursor por la lamparita.


Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Beben dijo...

i think you less "#", and the code false ???
<a href='javascript:cerrarelementodiv();return false;'>

Beben dijo...

@Vku i'll promote your blog on my post, and i permition for post one your trick...
thank :)

Vku dijo...

No hay problemas, tu disculpa si no entiendo algo ya que mi traductor es muy malo.
Vku.

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?