El elemento Header (4)

Para terminar con esta serie de posibilidades del header, un script de Dynamic Drive llamado Neon Lights Text y que podemos aplicar a cualquier texto como este:


Para usarlo en el header vamos a expandir los artilugios y buscar esto:
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
Lo reemplazaremos por esto:
<b:includable id='title'>
<script type='text/javascript'>
//<![CDATA[

//Neon Lights Text II by http://www.dynamicdrive.com/dynamicindex10/neontext2.htm
var message = "el texto que queremos usar ";
var neonbasecolor = "#FFFFFF";
var neontextcolor = "#00FFDD";
var neontextcolor2 = "#DDFF00";
var flashspeed = 150; // velocidad en milisegundos
var flashingletters = 1; // cantidad letras del efecto neontextcolor
var flashingletters2 = 1; // cantidad letras del efecto neontextcolor2
var flashpause = 1; // pausa entre ciclos

var n=0;
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">');
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>');
document.write('</font>');
}
else
document.write(message);

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number);
return crossobj;
}
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor;
}
crossref(n).style.color=neontextcolor;
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor;
if (n<message.length-1)
n++;
else{
n=0;
clearInterval(flashing);
setTimeout("beginneon()",flashpause);
return;
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed);
}
beginneon();
//]]>
</script>
</b:includable>
El ejemplo online puede verse aquí.

0 comentarios:

Publicar un comentario