.::.Silver-Boarding.::. - Codigos HTML 5

Codigos HTML 5

CODIGOS HTML LISTA 5:

1. Codigo para quitar el boton de la intro

Poner en texto antes de la intro

<style type="text/css">  </style>

2. Buscador de google

 <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Google"> </td></tr></TABLE> </FORM> </center> 

3. Diccionario en tu web

<img src="http://img503.imageshack.us/img503/9426/librosib5.jpg" align="left"/> <div style="padding:0px 0px 0px 35px;" align="left"> <script type="text/javascript"> function frm_diccionario(form) { if (form.palabra.value != '') { if (form.donde[0].checked) { document.lengua.LEMA.value = form.palabra.value; document.lengua.submit(); } if (form.donde[1].checked) { document.sinoni.pb.value = form.palabra.value; document.sinoni.submit(); } if (form.donde[2].checked) { document.caste.spen.value = form.palabra.value; document.caste.submit(); } if (form.donde[3].checked) { document.ingles.tranword.value = form.palabra.value; document.ingles.submit(); } } } </script> <form name="lengua" action="http://buscon.rae.es/draeI/SrvltGUIBusUsual" method="post" target="_blank" style="margin: 0px;"> <input value="cara" name="LEMA" type="hidden"> <input name="TIPO_HTML" value="2" type="hidden"> </form> <form name="sinoni" action="http://tradu.scig.uniovi.es/sinon.cgi" enctype="application/x-www-form-urlencoded" method="post" target="_blank" style="margin: 0px;"> <input name="pb" type="hidden"> <input name="np" value="5" type="hidden"> </form> <form name="caste" action="http://wordreference.com/es/en/translation.asp" method="get" target="_blank" style="margin: 0px;"> <input name="spen" type="hidden"> </form> <form name="ingles" action="http://wordreference.com/es/translation.asp" method="get" target="_blank" style="margin: 0px;"> <input name="tranword" type="hidden"> </form> <form name="diccionario" onsubmit="return false;" action="" method="post" target="_blank" style="margin: 0px;"> <input name="palabra" style="width: 120px;" type="text"><br> <input class="radioboton" name="donde" value="lengua" id="blengua" checked="checked" type="radio"> <label for="blengua"> L. Española</label><br> <input class="radioboton" name="donde" value="sinoni" id="bsinoni" type="radio"> <label for="bsinoni"> Sinónimos</label><br> <input class="radioboton" name="donde" value="anton" id="banton" type="radio"> <label for="banton"> Español - Inglés</label><br> <input class="radioboton" name="donde" value="ingles" id="bingles" type="radio"> <label for="bingles"> Inglés - Español</label><br> <div class="boton"><a href="javascript:frm_diccionario(document.diccionario)" class="boton"><strong>Buscar</strong></a></div> </form> </div>

4. Boxs con Mostrar/Ocultar

Pegar esto en texto por encima de la página

<head> <script language="javascript"> var ie4 = false; if(document.all) { ie4 = true; } function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } } function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId); if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; } else { link.innerHTML = '+'; d.style.display = 'none'; } } </script>

Y esto donde quieres que aparezca el box.

Este es para que aparezca abierto.

[code]<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Ejemplo</td><td align="right"> [<a title="show/hide" id="exp1219538502_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538502');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table> <div id="exp1219538502" style="padding: 3px;">este codigo es util cuando tienes demaciado texto en una pagina, de esa forma lo comprimes y tarda menos en cargar. <a href="/portal.html">Volver</a></div> <[/code]/div>

Este es para que aparezca cerrado.

[code]<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Otro Ejemplo</td><td align="right"> [<a title="show/hide" id="exp1219538810_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538810');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table> <div id="exp1219538810" style="padding: 3px;">modo cerrado, esmejor asi puedes tener mucho texto y que la pagina se vea pequeña lo cual es bueno a la hora de cargar la pagina!</div> [/code]</div>

5. Cambiar el color de fondo cuando se carga la página

Texto por encima de la página

<script> function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function CHANGEBG (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </HEAD><BODY> <script>  </script>

6. Fecha en la barra de estado

<script language="javascript"> var hoy = new Date(); var anio = hoy.getYear(); var mName = hoy.getMonth() + 1; var dName = hoy.getDay() + 1; var diaNr = ((hoy.getDate()<10) ? "" : "") + hoy.getDate(); if(dName==1) Dia = "Domingo"; if(dName==2) Dia = "Lunes" ; if(dName==3) Dia = "Martes"; if(dName==4) Dia = "Miércoles"; if(dName==5) Dia = "Jueves"; if(dName==6) Dia = "Viernes"; if(dName==7) Dia = "Sábado"; if(mName==1) Mes = "Enero" ; if(mName==2) Mes = "Febrero"; if(mName==3) Mes = "Marzo" ; if(mName==4) Mes = "Abril" ; if(mName==5) Mes = "Mayo" ; if(mName==6) Mes = "Junio" ; if(mName==7) Mes = "Julio" ; if(mName==8) Mes = "Agosto"; if(mName==9) Mes = "Septiembre"; if(mName==10) Mes = "Octubre"; if(mName==11) Mes = "Noviembre"; if(mName==12) Mes = "Diciembre"; window.defaultStatus = "vete a la goma hoy ke estamos a " + Dia + " " + diaNr + " de " + Mes + " de " + anio </script>

7. Codigo de Mensaje del dia con reloj integrado

<table bgcolor="#000000" border="1"> <tr> <th><div><center><Font size=5 face=arial color="#FF0000"><b> <script Language="Javascript">  </script> </b></font> </center></div> <div><center><script src="http://www.flashvortex.com/hosted.php?id=2_1216506973_18853_252_0_177_71_8_1_12" type="text/javascript"></script></center> </div> </th> </tr> </table>

8. Quitar encabezado de iceblue:

Pegar en Advertencia referente al campo (p.ej. Copyritght).

<style type="text/css"> </style>

9. Desplazamiento de banners

Reemplazar "UP" por "DOWN".
UP: ARRIBA
DOWN: ABAJO

<center><marquee height="180" direction="up" scrollamount="2" style="width: 160px; height: 280px;"><center><a AQUI LOS CODIGOS DE LOS BANNER /></a></center></marquee></center>

¿Qué te parecio mi web?
Comentalo aquí debajo!