BIENVENIDOS A SGTEVOL

ESPERO QUE LA PAGINA SEA DE SU AGRADO

Codigos

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.

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.

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)"

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 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_fckprotectedatt=" onLoad = "displayLoop()"" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0> 
                
                <FRAME 
                SCROLLING=AUTO 
                SRC = "javascript:parent.blankFrame" 
                NAME = "draw" 
                MARGINWIDTH = 2 
                MARGINHEIGHT = 2> 
                </FRAMESET> 
                </HTML><br />
               <br />

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.

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.

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.

Mensaje de bienvenida:

Con este recurso personalizás tu sitio para el visitante. Al entrar, el visitante verá un espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".

Copiá el siguiente código y pégalo donde quieras que aparezca el mensaje:

Cambiar el color de la barra de desplazamiento:

Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado.

Cambiar el color de la barra de desplazamiento al pasar el mouse:

Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!.

with(document.body.style) 
{ 
scrollbarDarkShadowColor=line; 
scrollbar3dLightColor=line; 
scrollbarArrowColor="black"; 
scrollbarBaseColor=face; 
scrollbarFaceColor=face; 
scrollbarHighlightColor=face; 
scrollbarShadowColor=face; 
scrollbarTrackColor="#FFFFFF"; 
} 
}

function colorBar(){ 
var w = document.body.clientWidth; 
var h = document.body.clientHeight; 
var x = event.clientX; 
var y = event.clientY; 
if(x>w) scrollBar('#000080','#E58D28'); 
else scrollBar(null,null,"blue"); 
}

if (document.all){ 
scrollBar(null,null,"blue"); 
document.onmousemove=colorBar; 
} 
//--> 
</script>"#6699FF"; 
          break; 
          } 
          } 
          
          with(document.body.style) 
          { 
          scrollbarDarkShadowColor=line; 
          scrollbar3dLightColor=line; 
          scrollbarArrowColor="black"; 
          scrollbarBaseColor=face; 
          scrollbarFaceColor=face; 
          scrollbarHighlightColor=face; 
          scrollbarShadowColor=face; 
          scrollbarTrackColor="#FFFFFF"; 
          } 
          } 
          
          function colorBar(){ 
          var w = document.body.clientWidth; 
          var h = document.body.clientHeight; 
          var x = event.clientX; 
          var y = event.clientY; 
          if(x>w) scrollBar('#000080','#E58D28'); 
          else scrollBar(null,null,"blue"); 
          } 
          
          if (document.all){ 
          scrollBar(null,null,"blue"); 
          document.onmousemove=colorBar; 
          } 
          //--> 
          </script><br />

Página protegida por clave:

Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será "ejemplo". ¿Ves que fácil?.

Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada.

Texto en expansión:

Colocá en tu página mensajes animados que se agrandan y llaman la atención de los visitantes. Además, incluyen enlaces hacia donde vos quieras.

Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.

if(navigator.appName == "Netscape") { 
size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; 
document.wds.document.write(size+"<center><a href=http://atena101.es.tl/ Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); 
document.wds.document.close(); 
} 
if (navigator.appVersion.indexOf("MSIE") != -1){ 
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://atena101.es.tl/ Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; 
wds.style.fontSize=x+'px' 
} 
} 
function diminui(){ 
if (x > 1) { 
x--; 
setTimeout("diminui()",velocidade); 
} 
else { 
setTimeout("aumenta()",ciclo); 
y++; 
if (y > mensagens2.length - 1) y = 0; 
} 
if(navigator.appName == "Netscape") { 
size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; 
document.wds.document.write(size+"<center><a href=http://atena101.es.tl/ Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); 
document.wds.document.close(); 
} 
if (navigator.appVersion.indexOf("MSIE") != -1){ 
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://atena101.es.tl/ Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; 
wds.style.fontSize=x+'px' 
} 
} 
setTimeout("aumenta()",velocidade); 
</script><br />

Imagen volando por la pantalla:

Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla, siendo un recurso excelente tanto para llamar la atención por alguna novedad en tu sitio como para darle más movimiento a la página.

Copiá y pegá el siguiente código en tu página HTML.
Recordá que la imagen debe estar en el mismo directorio de tu página html.

<SCRIPT language="JavaScript1.2"> 
var imagem="Ingresa el nombre del archivo de imagen aquí" 
if (document.layers) 
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} 
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}

conta=-1; 
move=1; 
function curva(){ 
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) 
for (i=0; i < abc.length; i++) 
{var C=Math.round(Math.random()*[i])} 
iniciar=abc[C]; 
setTimeout('curva()',1900); 
return iniciar; 
} 
ypos=10; 
xpos=10; 
movimento = 60; 
function moveR(){ 
caminho=movimento+=iniciar; 
y = 4*Math.sin(caminho*Math.PI/180); 
x = 6*Math.cos(caminho*Math.PI/180); 
if (document.layers){ 
ypos+=y; 
xpos+=x; 
document.animacao.top=ypos+window.pageYOffset; 
document.animacao.left=xpos+window.pageXOffset; 
} 
else if (document.all){ 
ypos+=y; 
xpos+=x; 
document.all.animacao.style.top=ypos+document.body.scrollTop; 
document.all.animacao.style.left=xpos+document.body.scrollLeft; 
} 
T=setTimeout('moveR()',50); 
} 
function edges(){ 
if (document.layers){ 
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); 
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); 
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! 
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! 
} 
else if (document.all) 
{ 
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); 
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); 
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! 
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! 
} 
setTimeout('edges()',100); 
} 
function efeito(){ 
curva(); 
moveR();// onUnload="opener.gO()" 
edges(); 
} 
if (document.all||document.layers) 
efeito() 
</script><br />

Texto que sigue al mouse:

Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto fabuloso y fácil de incluir en las páginas

Incluye el siguiente código en tu página HTML:

var texto="atena101.es.tl/" 
texto=texto.split("")

var xpos=new Array() 
for (i=0;i<=texto.length-1;i++) { 
xpos[i]=-50 
}

var ypos=new Array() 
for (i=0;i<=texto.length-1;i++) { 
ypos[i]=-50 
}

function seguir(e){ 
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX 
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY 
espera=1 
}

function animar_cursor() { 
if (espera==1 && document.all) { 
for (i=texto.length-1; i>=1; i--) { 
xpos[i]=xpos[i-1]+tempo 
ypos[i]=ypos[i-1] 
} 
xpos[0]=x+tempo 
ypos[0]=y

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

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

for (i=0; i<texto.length-1; i++) { 
var camada = eval("document.span"+i) 
camada.left=xpos[i] 
camada.top=ypos[i] 
} 
} 
var timer=setTimeout("animar_cursor()",30) 
}

</script> 
      <script Language=JavaScript> 
for (i=0;i<=texto.length-1;i++) { 
document.write("<span id='span"+i+"' class='animado'>") 
document.write(texto[i]) 
document.write("</span>") 
}

if (document.layers){ 
document.captureEvents(Event.MOUSEMOVE); 
} 
document.onmousemove = seguir; 
animar_cursor() 
</script> <br />

Botón Colorido:

¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para tus botones. Ellos combinarán más con tu página y son muy fáciles de crear.

Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página:

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

Botón animado:

Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.

<font face="Arial, Helvetica, sans-serif" size="2"> 
   <script language="JavaScript"> 
var timerID = null 
var timerRunning = false 
var charNo = 0 
var charMax = 0 
var lineNo = 0 
var lineMax = 3 
var lineArr = new Array(lineMax) 
var urlArr = new Array(lineMax) 
lineArr[1] = "Pauluk Computación" 
urlArr[1] = "http://atena101.es.tl/" 
lineArr[2] = "Trucos PC" 
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm" 
lineArr[3] = "Noticias Tecnológicas y Actualidad" 
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm" 
var lineText = lineArr[1] 
function StartShow() { 
StopShow() 
ShowLine() 
timerRunning = true 
} 
function FillSpaces() { 
for (var i = 1; i <= lineWidth; i++) { 
spaces += " " 
} 
} 
function StopShow() { 
if (timerRunning) { 
clearTimeout(timerID) 
timerRunning = false 
} 
} 
function ShowLine() { 
if (charNo == 0) { 
if (lineNo < lineMax) { 
lineNo++ 
} 
else { 
lineNo = 1 
} 
lineText = lineArr[lineNo] 
charMax = lineText.length 
} 
if (charNo <= charMax) { 
document.formDisplay.buttonFace.value = lineText.substring(0, charNo) 
charNo++ 
timerID = setTimeout("ShowLine()", 100) 
} 
else { 
charNo = 0 
timerID = setTimeout("ShowLine()", 3000) 
} 
} 
function GotoUrl(url) 
{ 
top.location.href = url 
} 
document.write("<form name="formDisplay">"); 
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">"); 
document.write("</form>"); 
StartShow(); 
</script></font><br />

Hora y texto en la barra de estado:

Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.

Establecer una página como inicio:

Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

Hoy habia 1 visitantes (22 clics a subpáginas) ¡Aqui en esta página!

BIENVENIDOS A SGTEVOL

sgtevol

Codigos

Codigos

Contador de Visitas de SGTevol

Descargas

Musica

Juegos

Wallpappers

Webs Recomendadas

Webs Recomendadas

Webs Recomendadas