#1 
5º coleccion de codigos HTML solos el Miér Jul 15, 2009 11:13 pm
5º coleccion de codigos HTML solos el Miér Jul 15, 2009 11:13 pm
~ User TFW ~
Sexo: 
Mensajes: 3769 
Reputacion: 26
Puntos: 14467
Registrado: 09/07/2009
Localización: Argentina
Edad: 16
Hola estos son solos codigos html:
Redireccionar web:
Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde.
Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.
Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.
Transformá la clásica flechita de Windows en una mira de disparo.
: 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.
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.
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.
Listo por ahora perdonen si puse algunos javascript es que no soy muy bueno sabiendo cual es cual.
Fuente: www.chenico.com
Redireccionar web:
Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde.
- Código:
<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <script LANGUAGE="Javascript"> location.href='http://www.CheNico.com'; </script> </HEAD> <BODY>
Horas restantes para finalizar el dia
Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.
- Código:
<body> <p>El reloj...</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="Javascript"> <!-- var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body>
Subrayar el link al pasar el cursor
Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.
- Código:
<STYLE type="text/css"> <!-- A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </STYLE> </p> <p><a href="l1.htm" _fcksavedurl="l1.htm">El texto que quieras.</a><br> <a href="l2.htm" _fcksavedurl="l2.htm">otro texto.</a><br> <a href="l3.htm" _fcksavedurl="l3.htm">Otro texto.</a><br> </p>
Transformas cursor en mira
Transformá la clásica flechita de Windows en una mira de disparo.
- Código:
<style type="text/css"> <!-- body { cursor: crosshair} --> </style>
Estableser tu pagina como inicio para el que toque el boton
: 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.
- Código:
<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #004080; FONT-FAMILY: Verdana" onclick_fckprotectedatt=" onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.CheNico.com');""> <FONT face=Arial color=#000000 size=-2><U> Establecer como página de inicio</U></FONT></A>
Quitar lineas o subrayado de un link
- Código:
<Head> <style> <!--//A:link {text-decoration: none;}A:visited {text-decoration: none;}//--> </style> </Head>
Reloj con la hora mundial
- Código:
<!-- Relojes Gratis www.creatupropiaweb.com --> <iframe src="http://www.creatupropiaweb.com/recursos/relojes/reloj_8.htm" width="134" height="202" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" allowtransparency="true"></iframe>
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.
- Código:
<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>
Menu 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.
- Código:
<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>
Listo por ahora perdonen si puse algunos javascript es que no soy muy bueno sabiendo cual es cual.
Fuente: www.chenico.com
