JAVASCRIPT

Generador de fondo degradado

Pegalo entre las etiquetas <head> y </head>

<STYLE> BODY{ FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#000000',endColorstr='#FFFFCC', gradientType='0') } </STYLE> <SCRIPT> function ver1(color1)  { document.body.filters[0].apply(); document.body.filters[0].startColorstr=color1.options[color1.selectedIndex].value; document.body.filters[0].play(); } function ver2(color2)  { document.body.filters[0].apply(); document.body.filters[0].endColorstr=color2.options[color2.selectedIndex].value; document.body.filters[0].play(); } function tipo(gradiente)  { document.body.filters[0].apply(); document.body.filters[0].gradientType=gradiente.options[gradiente.selectedIndex].value; document.body.filters[0].play(); } function generar()  { var colorini=genera.color1.value var colorfin=genera.color2.value var tipo=genera.gradiente.value colorrini=genera.color1.value colorfin=genera.color2.value tipo=genera.gradiente.value document.genera.generacod.value="<STYLE>"+ "\n" + "BODY{"+"\n"+"FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorstr='"+colorini+"',endColorstr='"+colorfin+"', gradientType='"+tipo+"')"+"\n"+"}"+"\n"+"</STYLE>" } function copiar(copia)  { with(copia){ focus(); select() } if(document.all){ txt=copia.createTextRange() txt.execCommand("Copy") alert('Texto copiado ahora solo pega en la pagina que contendra el Efecto\n\nRecuerda pegar entre la etiqueta <HEAD> y la etiqueta </HEAD>'); } else alert('Parece que hay problemas con la función. Presiona Ctrl+c para copiar'); }  </SCRIPT>

Pegalo entre las etiquetas <body> y </body>

<center><table> <tr> <td> <fieldset STYLE="border:1px solid #00FFFF; background-color:#000066;"> <legend align="center"><font color="#00FFFF" size="4">Generador de fondo degradado para una web</legend> <form name="genera"> <font color="#00FFFF" size="4">Combinar: <select name="color1" onChange ="ver1(this)" STYLE="background:#000066; color:#FFFFFF; border:0px;"> <option value="#000000">Negro <option value="#000066">Azul <option value="#00FFFF">Azul Turq. <option value="#CCFFFF">Azul Bajo <option value="#00FF00">Verde <option value="#006600">Verde Alto. <option value="#66CC66">Verde Bajo <option value="#330033">Morado <option value="#660099">Morado Alto <option value="#663366">Morado Bajo <option value="#9966CC">Violeta <option value="#660000">Marron <option value="#FF0000">Rojo <option value="#CC0000">Rojo Alto <option value="#996633">Cafe <option value="#993300">Cafe Alto <option value="#CCCCFF">Lila <option value="#FFFFFF">Blanco <option value="#FFFFCC">Amarillo Bajo <option value="#FFFF66">Amarillo <option value="#FFFF00">Amarillo Alto <option value="#FF0066">Rosa <option value="#FF00CC">Rosa Alto <option value="#FFCCCC">Rosa Bajo <option value="#FF6633">Naranja Bajo <option value="#FF6600">Naranja <option value="#FF3300">Naranja Alto <option value="#999999">Gris <option value="#666666">Gris Alto <option value="#CCCCCC">Gris Bajo </select> Con: <select name="color2" onChange ="ver2(this)" STYLE="background:#000066; color:#FFFFFF;"> <option value="#FFFFCC">Amarillo Bajo <option value="#FFFF66">Amarillo <option value="#FFFF00">Amarillo Alto <option value="#FFFFFF">Blanco <option value="#FF0066">Rosa <option value="#FF00CC">Rosa Alto <option value="#FFCCCC">Rosa Bajo <option value="#FF6633">Naranja Bajo <option value="#FF6600">Naranja <option value="#FF3300">Naranja Alto <option value="#999999">Gris <option value="#666666">Gris Alto <option value="#CCCCCC">Gris Bajo <option value="#000000">Negro <option value="#000066">Azul <option value="#00FFFF">Azul Turq. <option value="#CCFFFF">Azul Bajo <option value="#00FF00">Verde <option value="#006600">Verde Alto. <option value="#66CC66">Verde Bajo <option value="#330033">Morado <option value="#660099">Morado Alto <option value="#663366">Morado Bajo <option value="#9966CC">Violeta <option value="#660000">Marron <option value="#FF0000">Rojo <option value="#CC0000">Rojo Alto <option value="#996633">Cafe <option value="#993300">Cafe Alto <option value="#CCCCFF">Lila </select> Tipo de Degradado: <select name="gradiente" onChange ="tipo(this)" STYLE="background:#000066; color:#FFFFFF;"> <option value="0">Horizontal <option value="1">Vertical </select></fieldset> </font></font> </td></tr> <tr><td> <textarea name="generacod" cols="69" rows="4" STYLE="background:#000066; color:#993300; scrollbar-face-color:#000000; scrollbar-highlight-color:#993300; scrollbar-3dlight-color:#00FFFF; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#00FFFF; scrollbar-arrow-color:#993300; scrollbar-track-color:#000000; color :#33FF33; border:0;"> </textarea><br> <input type="button" value="Generar Codigo / Actualizar Codigo" onclick="generar();" STYLE="background:#000066; color:#00FFFF; border:1px solid #00FFFF; width:286px;"> <input type="button" value="Copiar Codigo al Portapapeles" onclick="copiar(document.genera.generacod);" STYLE="background:#000066; color:#00FFFF; border:1px solid #00FFFF;"> </form></td></tr></table></center>

Generador de fondo degradado para una web