Idees
[ Tornar a la pàgina d'informàtica ]

Texto multicolor, sombreado

¿Estaba aburrido del texto negro sobre un fondo blanco? Atrévase a ser diferente con colores y sombras gracias a este script.



Para lograr este efecto, inserte el siguiente script en el encabezamiento de su página, entre las etiquetas <head> y </head>:

<SCRIPT LANGUAGE="JavaScript">
        
        var hexa = "0123465789ABCDEF";
        
        function DecToHexa(DecNb) {
            x = Math.floor(DecNb / 16);
            h = hexa.charAt(x);
            x = DecNb % 16;
            h += hexa.charAt(x);
        
            return h;
        }
        
        function Degrade(dr,dg,db,fr,fg,fb,texte) {
            steps = texte.length;
            cr = dr; cg = dg; cb = db;
            sr = (fr - dr) / steps;
            sg = (fg - dg) / steps;
            sb = (fb - db) / steps;
            
            for (var x = 0; x <= steps; x++) {
                document.write('<FONT COLOR="#' + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb) + '">');
                document.write(texte.charAt(x));
                document.write('</FONT>');
                cr += sr; cg += sg; cb += sb;
            }
        }
</SCRIPT>
Después, inserte esta parte del script donde quiera que aparezca su texto en la página.

<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,0,0,0,0,255,"a multi-colored, shadowed text! ");
</SCRIPT>
Los tres primeros valores de este código corresponden a valores RGB del color de inicio (aquí, rojo 255,0,0). Los tres siguientes valores corresponden a valores RGB del color sombreado final (aquí, azul 0,0,255). Coloque simplemente su texto entre comillas después de estos valores.