Donde dice "white" podés ingresar el valor hexadecimal del nuevo
color; por ejemplo: #FFCC00
En "fondo" podés 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, observá 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 tenés 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.
Barra de estado fija:
Podés colocar la palabra o el mensaje que quieras en la barra de estado de tu
sitio y mantenerlo fijo. De esta forma tu sitio quedará mucho más
personalizado, además de contar con otras ventajas. Por ejemplo: el visitante
no verá la dirección del enlace al que está apuntando, sólo el mensaje
definido por vos.
<Script language="JavaScript">
statuss();
function statuss()
{
window.status = "www.pauluk.8k.com - Un Sitio. Muchas Opciones.";
setTimeout("statuss()", 1);
}
</script>
Saludo al visitante:
Puedes poner en tu sitio un mensaje personalizado según la hora en que el
visitante entre. Este puede recibir el saludo "Buen día",
"Buenas tardes", "Buenas noches", o puedes sustituirlos
por otros mensajes de tu preferencia. De esta forma el visitante verá el
mensaje de acuerdo con el horario que entre a tu página.
<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours()
<=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>
Texto animado:
Con este recurso puedes hacer que cualquier texto tenga movimiento en tu
página. Es ideal para destacar tu logo o lo que vos prefieras.
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["texto"].top=yp;
else document.all["texto"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.texto.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
texto.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
// --></script>
<div id="texto" style="position: absolute; top: -50; color:
#FF8000; font-family: Arial, Helvetica; font-weight:bold;
font-size:40px;">
<p><font face="Arial, Helvetica, sans-serif"
size="3"><b><font size="6"
color="#990000">INGRESA TU TEXTO
AQUI</font></b></font></p>
</div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
Texto de apertura:
Este es un recurso muy interesante. Podés lograr que, al entrar a tu página,
el usuario vea un mensaje de bienvenida o cualquier otro que configures.
Luego, el usuario es llevado automáticamente a la página que tú definas.
Para tener este recurso en tu página, sólo debes copiar el siguiente código,
pegarlo en tu editor y guardar la página como principal. De esta forma, al
entrar a tu página, los visitantes verán los mensajes y luego serán llevados
a la página que tú definas. Es muy fácil configurar este recurso. Basta con
alterar las áreas destacadas en negrito en el código. Si tienes problemas con
algún editor HTML que no reconozca el código, copia y pega este código en el
bloc de notas del Windows u otro editor de texto y no olvides guardarlo con
extensión html.
<HTML>
<HEAD>
<TITLE>Ingresa el título aquí</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
function displaySlideShow() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el
segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto
aquí', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500,
'<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT
SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT
= "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
</SCRIPT>
</HEAD><FRAMESET onLoad = "displayLoop()" ROWS =
"100%, *" FRAMEBORDER = NO BORDER = 0>
<FRAME
SCROLLING=AUTO
SRC = "javascript:parent.blankFrame"
NAME = "draw"
MARGINWIDTH = 2
MARGINHEIGHT = 2>
</FRAMESET>
</HTML>
Texto en la barra de estado:
Con este recurso podés incluir varios mensajes, novedades y noticias sobre tu
sitio. Es una forma de destacar lo que quieras y también de agregar un efecto
diferente a tu sitio.
<script LANGUAGE="JavaScript">
<!--
var speed = 10
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "Ingresa aquí el primer texto "
ar[1] = "Ingresa aquí el segundo texto"
ar[2] = "Ingresa aquí el tercer texto"
ar[3] = "Ingresa aquí el cuarto texto"
ar[4] = "Ingresa aquí el quinto texto"
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "
"
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1,
state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
// -->
</script>
Paso 2: Ingresa el siguiente código en la etiqueta <body> de tu página:
<Body onLoad="startBanner()">
Si ya existen otros parámetros en tu etiqueta body, sólo agrega un espacio
después del último e incluye onLoad="startBanner()".
Este comando es importante para hacer que el texto aparezca en la barra de
estado inmediatamente al cargarse la página.
Efecto de apertura:
Este es un recurso fabuloso y muy fácil que permite crear un efecto de
entrada a tu página. Es sólo copiar y pegar el código en tu página. Siempre
que alguien acceda a tu sitio el efecto será activado.
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</style>
<div id="i1" class="entrada"></div>
<div id="i2" class="entrada"></div>
<div id="i3" class="entrada"></div>
<div id="i4" class="entrada"></div>
<div id="i5" class="entrada"></div>
<div id="i6" class="entrada"></div>
<div id="i7" class="entrada"></div>
<div id="i8" class="entrada"></div>
<script language="JavaScript1.2">
//
var velocidade=10
var tempo=new Array()
var tempo2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
tempo[i]=eval("document.i"+i+".clip")
tempo2[i]=eval("document.i"+i)
tempo[i].width=window.innerWidth/8-0.3
tempo[i].height=window.innerHeight
tempo2[i].left=(i-1)*tempo[i].width
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
for (i=1;i<=8;i++){
tempo[i]=eval("document.all.i"+i+".style")
tempo[i].width=document.body.clientWidth/8
tempo[i].height=document.body.offsetHeight
tempo[i].left=(i-1)*parseInt(tempo[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
tempo[i].bottom-=velocidade
for (i=2;i<=8;i=i+2)
tempo[i].top+=velocidade
if (tempo[2].top>window.innerHeight)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=velocidade
for (i=1;i<=8;i=i+2){
tempo[i].clip="rect(0 auto+"+clipbottom+" 0)"
}
cliptop+=velocidade
for (i=2;i<=8;i=i+2){
tempo[i].clip="rect("+cliptop+" auto auto)"
}
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
¿Querés cambiar el color? Podés cambiarlo por cualquier otro color. ¡Es muy
fácil:
Observá que existe una parte del código que contiene:
<style>
<!--
.entrada{
position:absolute;
left:0;
top:0;
layer-background-color:green;
background-color:green;
border:0.1px solid green
}
-->
</style>
Donde dice "green", debes poner el nombre en inglés o el código
hexadecimal del color que deseas.
Podés también seleccionar uno de los colores que siguen y sustituir la referida
parte del código original por esta nueva que vas a recibir.
Imagen que sigue al mouse:
Observá cómo queda el cursor del mouse con este recurso. Podés elegir la
imagen que quieras y ésta acompañará el movimiento del mouse. Puede ser el
logotipo de tu empresa, por ejemplo, o la imagen de tu preferencia. Tu sitio
ganará personalidad y combinará mucho más con tu estilo.
Para tener este recurso en tu página, tenés que seguir dos pasos:
Paso 1: Incluí el siguiente código en tu página HTML.
<script language="JavaScript">
<!--
function YY_Mousetrace(evnt)
{
if (yyns4)
{
if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
//-->
</script>
<script language="JavaScript">
<!--
function
YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep)
{
if ((document.layers)||(document.all)){
eval("myfunc=yyfnx.replace(/x/gi, yycnt)");
with (Math) {yynextx= eval(myfunc)}
eval("myfunc=yyfny.replace(/x/gi, yycnt)");
with (Math) {yynexty= eval(myfunc)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))
}
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
}
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",
'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if
(yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
}
}
//-->
</script>
<script language='JavaScript'>
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
//-->
</script>
<div id="Orbita" style="position:absolute; left: 475px;
top: 11px; width: 36px; height: 32px"><img src="Ingresa aquí
el nombre del archivo de imagen" border=0></div>
En las últimas líneas donde dice que tenés que ingresar el nombre del archivo
de imagen que aparecerá con el cursor del mouse, podés incluir archivos del
tipo gif o jpg.
Paso 2: Ahora es necesario que incluyas el código que sigue en tu tag
<body>, que quedará así:
<body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1');
YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)">
Si ya existen otros parámetros en tu etiqueta , agregá un espacio después del
último y luego incluí:
onLoad="YY_Mousetrace('',',document.YY_Mousetrace1');
YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)"
Efectos de transición especiales:
Estos efectos de transición son especiales porque con ellos tu página tendrá
una apertura muy original, pero sólo funcionarán con Internet Explorer. No
tendrás problemas para utilizar este recurso, ya que los usuarios de otros
navegadores no verán errores y la página se cargará normalmente.
Ingresá el código debajo de la etiqueta <body> de tu página.
<script language=javaScript>
var n = 15
fadeIn();
function fadeIn(){
var num=new Array("FFFFFF","FFCC00","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g")
for (var i=0; i<=n; i++){
for (var j=0; j<= n; j++){
color=num[i]+num[j]+num[i]+num[j]+num[i]+num[j]
document.bgColor=color
}}
document.bgColor="#FFFFFF"
}
</script>
Menú desplegable:
El menú desplegable permite que coloques varios enlaces en un solo lugar. Con
esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón
para activarse. Basta con seleccionar el enlace y automáticamente el navegador
se dirigirá a la página. Este menú funciona en páginas sin marcos.
Para crear tu menú y personalizarlo, pegá el siguiente código en tu página
HTML:
<form>
<select NAME="links"
onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="http://www.pauluk.8k.com">Pauluk
Computación</option>
<option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos
PC</option>
<option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias
Tecnológicas</option>
</select>
</form>
Instrucciones para personalización: Observá que cada opción del menú se hace
con la etiqueta:
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del
enlace aquí</option>
No alteres la siguiente etiqueta:
<select NAME="links"
onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
Si cambiás algo en ella, tu menú no funcionará correctamente.
Tu icono en la lista de los favoritos:
Este recurso es muy bueno pero sólo funcionará en IE. Cuando alguien agrega
tu página a la lista de favoritos, aparece al lado del título un pequeño
icono de Internet Explorer. ¿Qué tal si colocas tu propio icono allí? Sí: más
personalización para tu sitio.
Para que el icono aparezca en la lista de favoritos del usuario, tenés que
colocarlo, primero, dentro de tu espacio y después, incluir dentro de tus
páginas una pequeña y simple línea de código que hará que el mismo aparezca
en la lista. Podés usar cualquier icono que desees (no olvides que los
archivos de icono tienen la extensión .ICO, imágenes gif o jpg no pueden ser
usadas).
Incluye el siguiente código entre las etiquetas "<head>" y
"</head>" de tu página:
<link rel="SHORTCUT ICON" href="ÍCONO AQUÍ">
Sonido de fondo en la página:
Podés incluir en tu página un sonido de fondo. De esta forma, siempre que
alguien acceda a tu página, escuchará dicho sonido. Así podés darle más
personalidad a tu sitio. Los archivos de sonido ideales para una homepage son
aquellos en formato MIDI (.MID), pero también podés incluir sonidos del tipo
WAVE (.WAV).
Netscape e Internet Explorer presentan algunas diferencias en su sistema y,
por lo tanto, en algunas versiones de Netscape el sonido puede no ser
escuchado.
La etiqueta para incluir sonido en tu página debe ser <EMBED>. Observá
el ejemplo:
<embed src="nombre del tema" autostart="true"
loop="10" width="1"
height="1"></embed>
- En "nombre del tema", ingresás el nombre del tema mid o wav.
- En "loop", ingresás el número de veces que el sonido será
repetido.
- En "autostart", definís si querés que el tema comience a sonar
solo (atributo TRUE). Si colocás "FALSE", el usuario tendrá que volver arriba...,.!!!
|
|