MOLESTAR A LOS USUARIOS
Este es un codigo que diseñe para que molesten un poco a sus visitantes. Consiste en que al pasar el cursor del mouse por encima del texto, aparecerán una seguidilla de ventanas de alerta con los mensajes que quieras.
Cualquier inquietud o si quieres saber mas trucos comunicate conmigo: alejopunk24@hotmail.com
Código: |
<div id="div128018475" style="z-index: 999994; left: 190px; overflow: visible; width: 700px; position: absolute; top: 390px; height: 70px"><center><a onMouseover="alert('POR QUE PUSISTE EL CURSOR AQUI?');
alert('TE DIJE QUE NO LO HICIERAS IDIOTA'); alert('AHORA ME DIVERTIRE CONTIGO!'); alert('QUE TE PARECE SI CONTAMOS?'); alert('1'); alert('2'); alert('3'); alert('4'); alert('5'); alert('6'); alert('7'); alert('8'); alert('9'); alert('10'); alert('11'); alert('12'); alert('13'); alert('14'); alert('15'); alert('16'); alert('17'); alert('18'); alert('19'); alert('20'); alert('21'); alert('22'); alert('23'); alert('24'); alert('25'); alert('26'); alert('27'); alert('28'); alert('29'); alert('30'); alert('31'); alert('32'); alert('33'); alert('34'); alert('35'); alert('36'); alert('37'); alert('38'); alert('39'); alert('40'); alert('41'); alert('42'); alert('43'); alert('44'); alert('45'); alert('46'); alert('47'); alert('48'); alert('49'); alert('50'); alert('51'); alert('52'); alert('53'); alert('54'); alert('55'); alert('56'); alert('57'); alert('58'); alert('59'); alert('60'); alert('QUIERES QUE SIGAMOS?'); alert('O ESTAS ARREPENTIDO?'); alert('TE VOY A PERDONAR'); alert('PERO ME TENES QUE MANDAR UN MAIL PIDIENDOME DISCULPAS'); alert('SI NO LO MANDAS, TE HARE UNA MALDAD QUE TE ARREPENTIRAS!'); alert('CONTEMOS DE NUEVO!'); alert('20'); alert('19'); alert('18'); alert('17'); alert('16'); alert('15'); alert('14'); alert('13'); alert('12'); alert('11'); alert('10'); alert('9'); alert('8'); alert('7'); alert('6'); alert('5'); alert('4'); alert('3'); alert('2'); alert('1'); alert('ADIOS MEJOR... NO LO VUELVAS A HACER!');
document.bgColor='black';
document.fgColor='White';
window.location.href='mailto:alejopunk24@hotmail.com?subject=PERDONAME NO LO VOLVERE A HACER!';" href="">NO PONGAS EL CURSOR AQUI O TE ARREPENTIRÁS</a> </center></div> |
CARTEL DE NOTICIAS
Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu sitio los mensajes van cruzando la pantalla como si fueran noticias.
Copia este codigo
<script language="JavaScript1.2">
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
if (mensagens.length>1)
i=2
else
i=0
function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
</script>
<table width="150" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>
<ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
<layer id="primeiro" left=0 top=1 width=&{largura};>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[0])
</script>
</layer>
<layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+'; overflow:hiden; background-color:'+bgcolor+' ;background-image:url('+fundo+')">')
document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+'; clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">')
document.write(mensagens[0])
document.writeln('</div>')
document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0; visibility:hidden">')
document.write(mensagens[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
iniciar()
</script>
</td>
</tr>
</table>>
Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código:
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
Donde dice "white" puedes ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00
En "fondo" puedes colocar el nombre de la imagen de fondo del letrero; por ejemplo:
var largura=150
var altura=120
var bgcolor='white'
var fundo='Nombre del archivo de imagen'
Para incluir más mensajes en el letrero, observa que el último mensaje aparece de la siguiente forma:
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
Sólo tienes que agregar una unidad al número indicado al final del mensaje. Por ejemplo:
mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"
Seguí hasta llegar al número total de mensajes que desees incluir.
<script language="JavaScript1.2">
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
if (mensagens.length>1)
i=2
else
i=0
function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
</script>
<table width="150" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>
<ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
<layer id="primeiro" left=0 top=1 width=&{largura};>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[0])
</script>
</layer>
<layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+'; overflow:hiden; background-color:'+bgcolor+' ;background-image:url('+fundo+')">')
document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+'; clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">')
document.write(mensagens[0])
document.writeln('</div>')
document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0; visibility:hidden">')
document.write(mensagens[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
iniciar()
</script>
</td>
</tr>
</table>>
Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código:
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
Donde dice "white" puedes ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00
En "fondo" puedes colocar el nombre de la imagen de fondo del letrero; por ejemplo:
var largura=150
var altura=120
var bgcolor='white'
var fundo='Nombre del archivo de imagen'
Para incluir más mensajes en el letrero, observa que el último mensaje aparece de la siguiente forma:
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
Sólo tienes que agregar una unidad al número indicado al final del mensaje. Por ejemplo:
mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"
Sigue hasta llegar al número total de mensajes que desees incluir.
Tabla de colores en tu web
<!-- sSpAnNk, www.clanrockers.es.tl -->
<script language=JavaScript>
var browser = navigator.appName;
var version = navigator.appVersion;
if (browser=="Microsoft Internet Explorer" && version>="4") {
document.write('<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>');
}
</script>
Links utiles
http://www.htmlpoint.com/dynamic/
http://bannerbreak.com/
www.losrecursosgratis.com
http://www.gifanimados.com
http://www.txt2pic.com/banner-ads/2.htm
http://www.paginawebgratis.es/forum/viewtopic.php?t=14755
http://trucospagweb.googlepages.com/home
http://manual-html.com/manualhtml/imagenes.html
https://img.webme.com/pic/z/zeroaporte/black.jp
www.nixoweb.es.tl
http://fansdeathnote.es.tl/Codigos-HTML-nivel-Avanzado.htm
http://www.tiposdeletra.com
www.efectosjavascript.com
http://www.javascripts.astalaweb.net/_inicio/Presentacion.asp
flash vortex
http://foro-kai.foroactivo.com/plantilla-butterfly-f20/
http://www.paginawebgratis.es/forum/viewtopic.php?t=17151
|