ALARMA TRUCOS - webtrucos

Este Scroll se muestra en una caja de texto, la cual podemos colocar en el lugar de la página que deseemos.

<center>
<SCRIPT LANGUAGE="JavaScript">
<!--
// set speed of banner (pause in milliseconds between characters)
var speed = 100 // decrease value to increase speed (must be positive)

// set pause between completion of message and beginning of following message
var pause = 1000 // increase value to increase pause

// set initial values
var timerID = null
var bannerRunning = false

// create global array
var ar = new Array()

// assign the strings to the array's elements
ar[0] = "Este Scroll se muestra en una caja de texto"
ar[1] = "Simple pero curioso efecto el que causa"
ar[2] = "No se le puede pedir mucho"
ar[3] = "No olvides probar los otros Efectos..."

// set index of first message to be displayed first
var currentMessage = 0

// set index of last character to be displayed first
var offset = 0

// stop the banner if it is currently running
function stopBanner() {
// if banner is currently running
if (bannerRunning)
// stop the banner
clearTimeout(timerID)

// timer is now stopped
bannerRunning = false
}

// start the banner
function startBanner() {
// make sure the banner is stopped
stopBanner()

// start the banner from the current position
showBanner()
}

// type-in the current message
function showBanner() {
// assign current message to variable
var text = ar[currentMessage]

// if current message has not finished being displayed
if (offset < text.length) {
// if last character of current message is a space
if (text.charAt(offset) == " ")
// skip the current character
offset++

// assign the up-to-date to-be-displayed substring
// second argument of method accepts index of last character plus one
var partialMessage = text.substring(0, offset + 1)

// display partial message in text field
document.bannerForm.bannerField.value = partialMessage

// increment index of last character to be displayed
offset++ // IE sometimes has trouble with "++offset"

// recursive call after specified time
timerID = setTimeout("showBanner()", speed)

// banner is running
bannerRunning = true
} else {
// reset offset
offset = 0

// increment subscript (index) of current message
currentMessage++

// if subscript of current message is out of range
if (currentMessage == ar.length)
// wrap around (start from beginning)
currentMessage = 0

// recursive call after specified time
timerID = setTimeout("showBanner()", pause)

// banner is running
bannerRunning = true
}
}

// -->
</SCRIPT>

Ejemplo

Portada

Da a escoger el color de fondo que quieren en la pagina que ven.

Mas colores de fondo

Para conseguir el efecto de fundido, el de persiana o multitud de efectos en las paginas Web introduce el texto que esta en el recuadro nº1

Los números que se señalan en la fotografía siguiente son los hay que modificar para conseguir los efectos que te gusten.

Ejemplo

Portada

Otro efecto llamativo para las paginas Web es el de fogonazo, que es como yo lo llamo tienes que introducir el siguiente texto en formato HTML.

Para conseguir diferentes combinaciones de colores al abrir la pagina tienes que colocar un numero o una letra después del signo # .

Ejemplo

Portada

Para conseguir un salto de pagina automático a la dirección que quieras solo tienes que introducir este texto. Con el formato HTML

Donde 1 es el tiempo que tardara en saltar a la pagina que hayas puesto en el sitio donde esta el 2

Ejemplo

Portada

Apertura de una ventana dimensionable

A veces es muy interesante que al cargarse una página aparezca sobre ella una pequeña ventana (de las dimensiones que queramos) en la que se dé algún tipo de información concreta, y que el usuario puede cerrar, o dejar permanentemente abierta mientras navega por otras páginas.

Se ha utilizado el término "ventana", porque es esa la sensación que normalmente se quiere dar, pero en realidad se abre una nueva página del Web, únicamente que suele ser de un tamaño reducido, sin las barras de scroll ni de herramientas.

Debido a que dicha ventana es realmente una página del Web, es evidente que puede contener todo lo que habitualmente contienen (fondo, imágenes, enlaces a otras páginas, incluso frames, etc.). También puede contener un sonido, que sonará mientras permanece abierta, aunque el usuario se dedique a navegar por otras páginas.

La creación de una ventana de este tipo se consigue con la siguiente rutina de Javascript, que como siempre, se deberá colocar en la cabecera del documento HTML , entre las etiquetas </TITLE> y </HEAD>:

Ejemplo

Portada

Si quieres sacarle la raya de debajo del hipervínculo introduce el siguiente texto en formato HTML.

Ejemplo

Portada

Cambio de color de los hipervínculos tienes que introducir el siguiente texto en formato HTML.

Ejemplo

Portada

Si quieres sacarle la raya de debajo del hipervínculo introduce el siguiente texto en formato HTML. Pero cuando pasen el puntero por encima del hipervínculo quieres que salga la raya introduce el siguiente texto.

Ejemplo

Portada

Para que salga la hora y el día en tu pagina Web. Introduce siguiente texto en formato HTML.

Ejemplo

Portada

Otro tipo de combinaciones de colores al entrar en tu pagina Web no muy llamativo.

Ejemplo

Portada

Un javascrip curioso le indica al visitante de tu pagina la dirección de la pagina de donde viene.

Ejemplo

Portada

Con este Javascrip sabrán si su navegador soporta el Javascrip.

Ejemplo

Portada

Con este scroll conseguiremos que el fondo de tu pagina se desplace y de la sensación de que volemos por la pagina. Esto lo tienes que pegar después de la línea <body background=....

Ejemplo

Portada

La mosca en el puntero

Ejemplo

Portada

Pon un buscador en tu pagina

<SCRIPT language=JavaScript>
</SCRIPT>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0 width="274">
<FORM method=post name=form>
<TBODY>
<TR>
<TD width="46">Buscador:</TD>
<TD width="86"><SELECT name=buscador size=1><option value="http://search.freefind.com/find.html?id=4017691&pid=r&mode=ALL&query=" selected>Hastalavista</option>
<OPTION
value=http://www.alltheweb.com/cgi-bin/search?query=>En Internet<OPTION
value=http://www.ole.es/cgi-bin/buscar.cgi?Claus=>En Ole<OPTION
value=http://es.search.yahoo.com/search/es/search?p=>En Yahoo.es<OPTION
value=http://www.lycos.es/cgi-bin/pursuit?query=>En Lycos.es<OPTION
value=http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&kl=XX&q=>En
Altavista<OPTION value=http://search.yahoo.com/bin/search?p=>En
Yahoo.com</OPTION>
<option value="http://hotbot.lycos.com/?SM=MC&MT=">Hotbot</option>
<option value="http://www.elbuscador.com/elbuscador4x.asp?fram=0&ini=0&inib=0&read=0&busca=">Elbuscador</option>
<option value="http://trovator.combios.es/mssquery.asp?CiMaxRecordsPerPage=10&CiScope=%2Fdatatrov%2F&CiTemplate=%2Fscripts%2FTrov%2Fbuscar.htx&CiSort=rank%5Bd%5D&HTMLQueryForm=%2Fdefault.htm&CiRestriction=">Trovator</option>
</SELECT></TD>
<TD align=left rowSpan=2 width="55">  <INPUT alt=BUSCAR border=0 onclick=busqueda(this.form) type=button value=Buscar height="22" width="55"></TD></TR>
<TR>
<TD width="46">Palabra: </TD>
<TD width="86"><INPUT name=Palabra size=13></TD></FORM></TR></TBODY></TABLE>

Ejemplo

Portada

Otro tipo de mosca en el puntero del ratón.

var x,y
var step=12
var flag=0
var message="ALARMA - humor y trucos"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>

Ejemplo

Portada

Hipervínculos de colores

Ejemplo

Portada

Barra lateral de colores. Cambiado la combinación de los números se puede conseguir unos efectos muy interesantes.

Ejemplo

Portada

Desactiva el botón derecho del ratón. (se tiene que colocar en el head)

Ejemplo

Portada

Generador Código de Botones

Rellene el Formulario siguiendo las indicaciones y obtendrá el código del botón que solo debe copiar y más tarde pegar código html en su página.

Si desea realizar un botón para envió de correo electrónico deberá indicar mailto: y seguidademente la dirección e-mail.

Texto que mostrará el botón: URL destino del hipervínculo:

Portada

Cómo incluir los códigos en vuestras paginas:

Cómo copio el código

Obtén el código HTML de la pagina seleccionando todo el texto del código. Luego haz click sobre este con el botón "DERECHO" del mouse y elige la opción "COPIAR".

Cómo Pego el código

Una vez que tengas abierto el editor, abre la pagina en la que deseas incluir el código. Recorre la pagina hasta encontrar un lugar adecuado para incluir el código (es buena idea hacerlo dentro de una tabla) Cuando encuentres el lugar que más te guste, haz click sobre el lugar para posicionar el cursor de tipeo en esa parte. Busca en tu editor la opción "ver código HTML" o "código HTML" y haz click en la opción. Luego haz click en el menú "edición" en la parte superior de la ventana y haz click en la opción "Pegar". Vuelve al método de visualización anterior de la página y veras que un recuadro ha aparecido en el lugar seleccionado. Sube la página a tu servidor y observa los resultados.

FrontPage:

Una vez que tengas abierto el FrontPage, abre la pagina en la que deseas incluir el código, recorre la pagina hasta encontrar un lugar adecuado para incluir el código, cuando encuentres lugar que más te guste, haz click sobre el lugar para posicionar el cursor de tipeo en esa parte. En la parte inferior e izquierda de tu pantalla podrás encontrar 3 pestañas: "Pagina Normal";"Código HTML";"Vista Previa". Haz click sobre "Código HTML", ahora haz click en el menú "edición" en la parte superior de la ventana y haz click en la opción "Pegar". Haz click en la pestaña inferior e izquierda con el titulo "Pagina Normal" y veras que un recuadro ha aparecido en el lugar seleccionado, si no estas conforme con la ubicación vuelve a intentarlo hasta adecuar el recuadro con la estética de tu pagina. Sube la pagina a tu servidor y observa los resultados

Geocities:

Para pegar el código HTML con el editor de Geocities, tienes que ingresar a la sección "miembros" de Geocities, luego ingresa en "Advanced HTML Editor", en esta sección tienes un recuadro con el código HTML de tu página, en el que tienes que pegar el código HTML. Para guardar los cambios haz click en el botón "save".

Tripod:

Para pegar el código HTML con el editor de Tripod, tienes que ingresar a la sección "construir" de Tripod, luego ingresa al "Constructor de página personalizada", allí aparecerá un recuadro con el código HTML de tu página, allí tienes que pegar el código HTML y hacer click en el botón "Usar este HTML" para guardar los cambios.

Freeservers:

Para pegar el código HTML con el editor de Freeservers, tienes que ingresar a la sección "Build my site", luego a "Manage files". Con el "File Manager" puedes editar el código HTML de tu página usando el Editor de Texto "using Text Editor", allí aparecerá un recuadro con el código HTML de tu página, allí tienes que pegar el código HTML y hacer click en "Save" dentro de la solapa "File" para guardar los cambios.