Ventana emergente

Para abrir una ventana emergente o pop-up, que podemos usar para mostrar algo importante o que queramos resaltar de una manera especial, mediante la apertura de una ventanita pequeña, emplearemos el siguiente código.

Pulsar en -texto para pinchar-, para que se abra la ventana
TEXTO PARA PINCHAR

Código:
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400,top=200px,left=300px'); return false;">TEXTO PARA PINCHAR</a>



y si lo queremos mostrar con una imagen emplear el siguiente código:

<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400,top=100px,left=100px'); return false;"><img src="IMAGEN PARA PINCHAR"/></a>

Plantilla Blue Blog

Plantilla para Blogger Blue Blog de tres columnas diseñada para WordPress por Kailoon y adaptada a Plantilla para Blogger por Zona Cerebral.

El código de esta plantilla adaptada se comparte de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito exigido para utilizarla es el mantenimiento de los enlaces situados en el pie de página del diseño, a modo de reconocimiento por el trabajo realizado.
Fuente : Zonacerebral.com
Demo de la Plantilla
Formato XML
Script Jquery
Script Tab

Efecto Drop/Down

Efecto muy interesante visto en el estupendo blog de Pizcoss, es este efecto de Drop/Down que nos permite mostrar en el -sidebar- de nuestro blog, el contenido
que queramos simplemente pasando el ratón por encima del titulo o etiqueta y que
se muestre todo su contenido, volviéndose a ocultar al retirar el ratón.
Se puede decir que es algo parecido al efecto de Mostrar/Ocultar, pero en este
caso solamente pasando el ratón por encima sin tener que pulsar ningún botón.
Paso a mostrarles el correspondiente código que tendrán que agregar donde lo quieran aplicar en el -sidebar- del blog

Código:
<a onmouseover="showit(0)"><img src="AQUI URL DE LA IMAGEN" /></a>



<ilayer bgcolor="#ffffff" name="dep1" position="relative">

<layer name="dep2" position="relative">

</layer>

</ilayer>

<div id="describe" onmouseover="clear_delayhide()" style="POSITION: relative; BACKGROUND-COLOR: #ffffff" onmouseout="resetit(event)"></div>

<script language="JavaScript1.2">



/*

Tabs Menu (mouseover)- By Dynamic Drive

For full source code and more DHTML scripts, visit http://www.dynamicdrive.com

This credit MUST stay intact for use

*/



var submenu=new Array()

submenu[0]='<b>AQUI LO QUE QUEREMOS MOSTRAR</b>'



var delay_hide=300



var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""



function showit(which){

clear_delayhide()

thecontent=(which==-1)? "" : submenu[which]

if (document.getElementByIddocument.all)

menuobj.innerHTML=thecontent

else if (document.layers){

menuobj.document.write(thecontent)

menuobj.document.close()

}

}

function resetit(e){

if (document.all&&!menuobj.contains(e.toElement))

delayhide=setTimeout("showit(-1)",delay_hide)

else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhide=setTimeout("showit(-1)",delay_hide)

}

function clear_delayhide(){

if (window.delayhide)

clearTimeout(delayhide)

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

</script>