Misuperweb78
  codigos html 5
 

CODIGOS HTML 5

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 hacer clic en el botón "play" para escuchar el tema.

 

 

Actualizar:

La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar acción alguna. Funciona como un simple redireccionador.

 

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=
http://www.pauluk.8k.com">
<TITLE> Titulo </TITLE>
</HEAD>
<BODY>
Códigos HTML
</BODY>
</HTML>

 

En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar el usuario al nuevo URL.

 

 

Agregar página a Favoritos:

Aprendé a incluir en tu página un enlace para que los usuarios puedan agregarla automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en un enlace para que la página se incluya en su lista de favoritos.

<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font face="Verdana" size="1">
Agregar a favoritos</font></small></a>


Barra de estado animada:

Podés darle movimiento a la barra de estado del navegador del visitante en tu sitio. Es un efecto fabuloso que te permite destacar lo que desees.

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

 

<script language="JavaScript">
tempo = 10;
chars = 5;
texto = "-- Ingresa el texto aquí --";
wtexto = new Array(33);
wtexto[0] = texto;
blnk = " ";//Mantén estos espacios
for (i = 1; i < 32; i++) {
b = blnk.substring(0, i);
wtexto[i] = "";
for (j = 0; j < texto.length; j++) wtexto[i] = wtexto[i] + texto.charAt(j) + b;
}
function animastatus() {
if (chars > -1) str = wtexto[chars];
else str = wtexto[0];
if (chars-- < -40) chars = 31;
status = str;
clearTimeout(tempo);
tempo = setTimeout("animastatus()", 150);
}
animastatus()
</script>

 
  Hoy habia 52925 visitantes en misuperweb78.es.tl  
 
druckversionVersión para imprimir Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis