Hacer que tu Windows XP cargue más rápido
Windows posee una tecnología cuya función es aumentar la velocidad de carga de aplicaciones de nuestro sistema, llamada Pretetching. Enlaces Utiles:
No decimos que no sea una buena tecnología, pero va guardando entradas de programas que vamos instalando en una carpeta que se llena de enlaces y empieza a renlentizar el rendimiento del pc.
Podemos eliminar dichas entradas para agilizar el inicio de Windows.
Pulsar Inicio, Mi PC, Disco duro, WINDOWS y buscaremos la carpeta Prefetch
seleccionamos todas y pulsaremos en la tecla de supr y aceptaremos.
Ahora tenemos que reiniciar Windows para ver como la carga de Windows es más rápida.
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Mensaje en flash o parpadeante en la Barra de Estado
Mensaje que parpadea en la barra de estado. Mensaje parpadeante unico.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<head> aqui pegas el script </head>
El inicio de la etiqueta body queda así:
<body onload="flash();">
Código:
<script language="JavaScript" type="text/JavaScript">
<!--
var yourwords = "AQUI COLOCAS EL TEXTO";
var speed = 350;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
// -->
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Mensaje Fijo en la Barra de Estado.
Mensaje fijo en la Barra de Estado con JavaScript. Texto que no hace ningun efecto.
Debes reemplazar tu etiqueta <body> por la siguiente:
Código:
<BODY
onload="window.defaultStatus='[AQUI ESCRIBES TU MENSAJE]';return true" >
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Fondo que cambia de color al entrar y salir
Fondo que cambia de color al entrar y salir de la página.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<head> aqui va el script </head>
El inicio de la etiqueta body quedaría así:
<BODY bgColor=#FFFFFF onload="fade(0, 0, 0, 255, 255, 255, 32)"
onunload="fade(255, 255, 255, 0, 0, 0, 320, 0, 0, 255, 255, 255, 32)">
Código:
<script language="JavaScript" type="text/JavaScript">
<!--
function toHex(dec) {
var hexCharacters = "0123456789ABCDEF"
if (dec < 0)
return "00"
if (dec > 255)
return "FF"
var i = Math.floor(dec / 16)
var j = dec % 16
return hexCharacters.charAt(i) + hexCharacters.charAt(j)
}
function setbgColor(red, green, blue) {
document.bgColor = "#" + toHex(red) + toHex(green) + toHex(blue)
}
function fade(sred, sgreen, sblue, ered, egreen, eblue, step) {
for(var i = 0; i <= step; ++i) {
// set current red descriptor
var red = Math.floor(sred * ((step - i) / step) + ered * (i / step))
// set current green descriptor
var green = Math.floor(sgreen * ((step - i) / step) + egreen * (i / step))
// set current blue descriptor
var blue = Math.floor(sblue * ((step - i) / step) + eblue * (i / step))
// set background color according to descriptors
setbgColor(red, green, blue)
}
}
// -->
</script>
Cambia los colores por los que te desees.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Fondo que cambiar constantemente de color
Fondo que cambia de color continuamente con javascript, azul, rojo, rosado, amarillo, verde, café , morado, naranja.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui va el script </body>
el inicio de la etiqueta body queda así:
<body onload="disco()">
Código:
<script language="JavaScript" type="text/JavaScript">
<!--
//aqui modificas el color del efecto
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;
function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}
function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
if (document.all)
setTimeout('disco()',50)
}
//-->
</script>
Los numeros que aprecen en rojo son codigos de color, puedes cambiarlos por el nombre de los colores en ingles.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Fecha en tu sitio con sencillo script
Fecha con Javascript. Muestra la fecha exacta en tu sitio con este script . ( mydate.getDay) , (mydate.getMonth) ,(mydate.getDate)
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui va el script </body>
Código:
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<small><font color='000000' face='Arial'>"+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"</font></small>")
</script>
- Lo que se muestra en rojo Son los dias de la semana, normalmente esto empiezan por el dia Domingo en el calendarios pero si en tu país o ciudad empiezan por Lunes Solo tienes que cambiarlos de posición.
- Lo que esta en azul es el código de color que deseas que tenga la fuente de la fecha.
- Y los verde Es el tipo de fuente puedes sustituirla por cualquiera, para tu uso.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Texto que tiene iluminacion propia.
Texto o frase que se ilumina como una sirena. Puedes modificar su tamaño color y fuente.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<script>
mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}};
function color(begin,einde,stappen,stap){
hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3));
hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5));
pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3));
pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5));
if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");}
;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");}
if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap);
ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");}
;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap);
ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");}
if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap);
ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");}
;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap);
ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");}
;return ff1+ff2+ff3}
bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){
for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)};
for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))};
lightf1()}
function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>"
}};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)}
</script> <div id="light"> </div>
<script>
lightcolor1="FF0000" // use capital letters
lightcolor2="000000" // use capital letters
message="Aqui colocas tu mensaje"
lightf()
</script>
- En azul se muestran los códigos de color que los puedes cambiar a tu gusto estos seran los colores que se moveran a través del texto.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Texto que tiene iluminacion propia.
Texto o frase que se ilumina como una sirena. Puedes modificar su tamaño color y fuente.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<script>
mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}};
function color(begin,einde,stappen,stap){
hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3));
hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5));
pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3));
pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5));
if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");}
;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");}
if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap);
ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");}
;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap);
ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");}
if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap);
ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");}
;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap);
ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");}
;return ff1+ff2+ff3}
bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){
for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)};
for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))};
lightf1()}
function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>"
}};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)}
</script> <div id="light"> </div>
<script>
lightcolor1="FF0000" // use capital letters
lightcolor2="000000" // use capital letters
message="Aqui colocas tu mensaje"
lightf()
</script>
- En azul se muestran los códigos de color que los puedes cambiar a tu gusto estos seran los colores que se moveran a través del texto.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
La Tag LINK
<link rel="stylesheet" type="text/css" href="estilos.css" title="default"> Enlaces Utiles:
Para conseguir la adecuada carga de la hoja de estilos, debemos posicionar este elemento en el HEAD de la página.
Atributos del tag LINK:
REL. Define el tipo del documento o "con qué tiene relación". En general, su valor será "stylesheet".
TYPE. Será siempre "text/css".
HREF. Es el valor de la URL que nos permite el acceso al fichero de estilos.
TITLE. Actualmente casi no se utiliza, pero será muy importante en el futuro. Su importancia radica en que puede haber en el mismo documento más de un tag LINK. En el caso de que haya más de un tag LINK, sólo aquellos cuyo valor de REL sea "stylesheet" se aplicarán inicialmente al documento:
<link rel="stylesheet" type="text/css" href="basic.css"> <link rel="stylesheet" type="text/css" href="splash.css">
El navegador cargará ambas hojas de estilo, combinando las reglas que definen y aplicando el resultado al documento.
Hojas de estilo alternativas
Es de especial utilidad hacer uso del tag TITLE, cuando definimos hojas de estilo alternativas. En el siguiente ejemplo se definen tres hojas de estilo dentro del mismo documento de forma que:
La primera definición se aplicará siempre.
El navegador nos permitirá seleccionar alguna de las dos siguientes como fuente alternativa de estilos. Además, cuando nos presente el menú para seleccionar la hoja de estilos alternativa, utilizará el atributo TITLE para su identificación.
<link rel="stylesheet" type="text/css"
href="fija.css" title="default">
<link rel="alternate stylesheet" type="text/css"
href="alternativa1.css" title="Vista de impresión">
<link rel="alternate stylesheet" type="text/css"
href="alternativa2.css" title="Vista decorada">
Extraido de ManualdeCss.com
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Introducción al CSS
En los orígenes de la Web y en sus primeras versiones, HTML era un lenguaje fácil de aprender y muy reducido en cuanto a sus tags y estructura. Estamos hablando de los años 1990 al 1993. Todo cambió cuando empezaron a surgir los primeros navegadores que eran capaces de representar recursos gráficos como añadido a la información textual. Enlaces Utiles:
Así, el número de sitios web comenzó a crecer y con él, el número de tags que la especificación HTML contemplaba. El objetivo era construir sitios web cada vez más atractivos visualmente hablando, con lo que HTML debía incluir nuevos tags destinados a conseguir diversos efectos visuales.
Con todos estos cambios que la web había sufrido, nos encontramos con que un lenguaje que en sus inicios había sido "orientado a la estructura", ahora estaba totalmente "orientado a la visualización" (HTML 4 es la más viva representación de esta realida). Encontramos tags como que definen estilos de visualización sin aportar nada a la estructura del documento representados.
Otro aspecto importante y que condiciona totalmente la estructura del documento es el uso del tag FONT. Con el uso de este tag podemos hacer que una zona que corresponde a la cabecera o título de una página, y que debería expresarse con un H1, pase ahora a estar definida mediante el tag FONT. Con este cambio se pierder totalmente la estructura del documento.
La realidad ahora es que el mayor número de los sites realizados con HTML 4 consiguen que el volumen de información de visualización sea muy superior al de la información verdaderamente relevante. Esto parece, cuanto menos precoupante.
Motivos por los que no podemos permitir que nuestros documentos publicados en la web pierdan su estructura:
La indexación por los buscadores es mucho más complicada (Google asigna un peso mucho mayor a una página que utliza H1 para definir sus secciones, que a los campos META del documento).
Se reduce la acesibilidad. Actualmente existen aplicaciones que permiten la lectura de páginas web como ayuda a los discapacitados (persona ciegas o con otras discapacidades). Si una persona discapacitada intenta acceder a una página sin una mínima estructuración, el resultado puede ser lamentable.
La estructura de la página y la información contenida en la misma es mucho más sencilla de mantener. Actualmente, ciertos aspectos del código HTML pueden hacer que una misma página tenga visualizaciones distintas en distintos navegadores. Estos herrores de diseño son dificilmente depurables cuando la página contiene una estructura de tags complicada y sin ninguna estructuración. Por otra parte, un cambio en un tipo de fuente supone el rediseño de todas las páginas de un site al tener que sustituir todos los valores para el tag FONT.
Todos estos problemas han sido seguidos muy de cerca por el W3C, el cual comenzó a trabajar en 1995 en CSS.
Principales características aportadas por CSS en contraposición a los elementos de visualización presentes en la especificación de HTML 4:
Estilo enriquecido. CSS permite la creación de documentos visualmente mucho más ricos que lo que HTML nunca permitirá. No en vano CSS está pensado única y exclusivamente para asistir al diseñador a la hora de dar estilo a un documento estrucuturado.
Fácil de utilizar. La utilización de hojas de estilo CSS hace que el diseñador pueda reducir sustancialmente su carga de trabajo al diseñar todo un site. Esto se debe a que CSS es capaz de centralizar ciertos efectos visuales que plasmemos en diversas secciones del site, en lugar de tenerlos diseminados por páginas y páginas del site.
Reutilización en múltiples páginas. Una hoja de estilo que recoja aspectos visuales comunes a varias páginas puede ser reutilizada en cualquier sección del site aprovechando dichos efectos ya definidos. De esta manera es sencillo generar un estilo general del web y mantenerlo así consistente para todas las páginas. Así, si deseamos modificar un estilo que es común a todo el site, sólo necesitaríamos modificar una línea de nuestro fichero CSS (con la aproximación clásica que ofrece HTML, deberíamos modificar todas y cada una de las páginas).
Reutilización en múltiples páginas. Una hoja de estilo que recoja aspectos visuales comunes a varias páginas puede ser reutilizada en cualquier sección del site aprovechando dichos efectos ya definidos. De esta manera es sencillo generar un estilo general del web y mantenerlo así consistente para todas las páginas. Así, si deseamos modificar un estilo que es común a todo el site, sólo necesitaríamos modificar una línea de nuestro fichero CSS (con la aproximación clásica que ofrece HTML, deberíamos modificar todas y cada una de las páginas).
Figura 1. Hoja de estilos personal
Figura 2. Hoja de estilos personal.
Ejemplo 1. Fichero personal.css
a { color: white; background-color: black; } Reduce el tamaño del código HTML enviado. Al centralizar los estilos ya no es necesario la utilización de tags como FONT en todos los documentos del site. De esta manera se reduce considerablemente el tiempo en que tarda en cargarse el código de una página.
Nos prepara par el futuro. Debemos ser conscientes que muchos tags como FONT, BASEFONT, U, STRIKE, S, CENTER, han sido marcados por el W3C como "deprecated", es decir, que se desaconseja su uso ya que serán eliminados en un futuro de la especificación. De igual menera HTML retornará progresivamente a sus orígenes, volviendo a ser un lenguaje para la estrucuturación de información. Esta es la via de XML, cuya primera aproximaciés es el lenguaje de marcas XHTML.
Aspectos con los que CSS no se ha enfrentado en su primera especificación:
En CSS1 no se habla casi nada acerca de las tablas. Por ejemplo, según lo que se vé en la especficación parece evidente que se podrán definir márgenes para las celdas de una tabla (se pueden definir márgenes para todos los elemento), pero no es así. CSS2 introduce un nuevo conjunto de propiedades para la interacción con tablas. De hecho, la omisión del tratamiento de tablas en la primera especificación de CSS, intenta marcar que las tablas no son un elemento que se deba utilizar para disponer el resto de elementos en la página.
Así, para el posicionamiento de los elementos se deben utilizar estilos y no tablas. Aunque CSS2 tiene tres capítulos enteros dedicados al posicionamiento de elementos.
CSS1 no trata la posibilidad de disponer de fuentes descargables. Aunque CSS2 introduce algún aspecto sobre el soporte de fuentes, es un tema que no queda resuelto. Parece que será otros estandar como SVG (Scalable Vector Graphics), el que tendrá en su mano la solución.
En CSS1 no se definen los posibles medios de presentación de CSS, siendo la pantalla el único medio disponible. Con el fin de conseguir hojas de estilo que adapten su visualización al medio en que serán presentadas, CSS2 define el soporte para que se aplique una hoja de estilos u otra en función del medio seleccionado (screen, print o aural).
Implementaciones:
Las peores son las que realizaron en su dia "Microsoft Internet Explorer 3.x" y "Netscape Navigator 4.x".
Mejoraron en cierta medida su soporte con las versiones de "Microsoft Internet Explorer 4.x and 5.x".
Actualmente, el mejor soporte de CSS lo tiene Opera y Mozilla (en menor medida).
Extraido de Manualdecss.com
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Texto que imita la luz de neón
Texto que imita luz de neón, estilo de un panel publicitario con javascript. Puedes modificar su tamaño color y Fuente.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<script language="JavaScript1.2">
var message=" PUEDES MODIFICAR ESTE MENSAJE PARA TU USO,
FUENTE, TAMAÑO, Y COLOR"
var neonbasecolor="gold"
var neontextcolor="black"
var flashspeed=100 //velocidad en milisegundos
///No need to edit below this line/////
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(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Ganar dinero a través de PayPal.com y Bux.to, Recomendado.
El método a utilizar es registrarse en una página que nos paga por clickear anuncios y nos pasa el dinero a paypal, que a su vez es una página que hace transferencias de dinero por Internet. Pasos detallados a seguir:
1. Crearse una cuenta paypal ( http://www.paypal.com/ ).
2. Cuando lleguen al punto de poner una tarjeta bancaria, darle a cancelar porque no hace falta tenerla.
3. Registrase aquí Bux.to . Vayan a JOIN NOW, llenen todos los datos, poniendo su mail real obviamente.
Donde dice "Paypal e-mail" deben poner la dirección de correo con la que se registraron en Paypal.
Una vez registrados, la mecánica es sencilla, luego de apretar login y poner su nick y clave, van a “Surf Ads” y les va a aparecer una lista de direcciones.
Abran una y esperen los 30 segundos de un contador que aparece arriba de la página.
Luego otra y así con todas una a una y no todas a la vez, porque sino no las toma en cuenta. Para cobrar ese dinero tienen que llegar a obtener 10 dolares!. Registrense es fácil.
Como funciona en Bux.to , descritos por ellos mismos:
Simplemente haga clic en un enlace y ver una página web por 30 segundos para ganar dinero. Puede ganar aún más al referirse amigos. Usted les paga $ 0,01 por cada sitio web que ver personalmente y $ 0,01 para cada sitio web de sus referencias. Las solicitudes de pago se pueden hacer todos los días y se procesan a través de AlertPay. El pago mínimo es de $ 10,00.
Ganancias Ejemplo
? Hacer clic en los anuncios de 10 por día = $ 0,10
? 20 referencias click 10 anuncios por día = $ 2,00
? Sus ingresos diarios = $ 2,10
? Sus ingresos semanales = $ 14,70
? Sus ingresos mensuales = $ 63,00
El ejemplo anterior se basa sólo en 20 remisiones y 10 clics al día. Hay días en los que tendrá un mayor número de clics posible, hay días en los que tendrán menos. ¿Qué pasa si usted tenía más referencias? ¿Qué pasa si hay más anuncios disponibles?
Regístrate ahora y recibir a $ 0,05 La inscripción de Bonos
Miles de satisfechos los miembros que han recibido su pago. Prueba de Pagos.
Disponibilidad limitada!
Difícil encontrar miembros activos? ¿Por qué no vamos a hacer la referencia para usted? Tenemos una cantidad limitada de un remite a los miembros de la izquierda para la venta. Paquetes con 15, 35, 100 y 500 referencias están disponibles ahora.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Texto con los colores de arcoiris
Texto imita un arcoiris, las letras van cambiando su color. Puedes modificar su tamaño color y Fuente.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<script>
var text="PUEDES MODIFICAR LA FUENTE, LOS COLORES,
Y EL TAMAÑO" // tu texto
var speed=80 // velocidad de movimiento
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Contador en caja de texto
Contador que medie l tiempo que llevas en una página.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<table border="0">
<tbody>
<tr>
<td align="middle"><font face="Arial"><strong>estás en esta página desde hace:</strong></font></td>
<td align="middle">
<form name="d">
<p><input name="d22" size="8" /><p><p></p>
</form>
</td>
<td align="middle"><font face="Arial"><strong>segundos</strong>
</font></td>
</tr>
</tbody>
</table>
<script>
var milisec=0
var seconds=0
document.d.d2.value='0'
function display(){
if (milisec>=9){
milisec=0
seconds+=1
}
else
milisec+=1
document.d.d2.value=seconds+"."+milisec
setTimeout("display()",100)
}
display()
//-->
</script>
En verde se muestra los tipos de letras puedes cambiar por cualquiera.
En Azul el texto que indica cuanto tiempo llevas en la pagina puedes modificarlos a tu gusto.
Y en rojo los Segundos, puedes cambiarlo por el idioma de tu pagina.
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Contador inverso muestra tiempo en barra de estado
Al terminar la cuenta carga una página predeterminada. Cuenta regresiva para cargar una web diferente, . Muestra en la Barra de estado los segundos que faltan para redireccionar a otra web.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<HEAD> aqui pegas el script </HEAD>
El inicio de la etiqueta <body> queda así:
<body onLoad="begintimer()">
Código:
<script>
<!--
//ingresa el tiempo en formato "minutos:segundos" El rango de minutos debe ser de 0 a infinito. El rango de segundos debe ser de 0 a 59
var limit="1:30"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function begintimer(){
if (!document.images)
return
if (parselimit==1)
window.location="http://castudillo.wordpress.com"
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" minutos y "+cursec+" segundos faltan para que carge Castudillo"
else
curtime=cursec+" seconds left"
window.status=curtime
setTimeout("begintimer()",1000)
}
}
//-->
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Scroll vertical de abajo hacia arriba.
Puedes incluir en el scroller información
de tu sitio, tu regulas velocidad y colores. Scroller vertical con javascript.
Panel de información.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código: Enlaces Utiles:
<script language="JavaScript1.2" type="text/JavaScript1.2">
// ancho
var marqueewidth=200
//alto
var marqueeheight=120
// velocidad
var speed=2
// contenido
var marqueecontents='<font face="Verdana"><small>AQUI COLOCAS TU
MENSAJE PUEDES COLOCAR CÓDIGOS DE ENLACES, Y MUCHAS
COSAS COMO IMGENES UTILIZANDO SU RESPECTIVO CODIGO</small></a></font>'
if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">
'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",400)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write
(marqueecontents) document.cmarquee01.document.cmarquee02.document.
close()thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Scroll situado en la parte superior de la pagina
Scroller en la parte superior con javascript. Puedes insertarlo en tu sitio, modificar su fuente, tamaño y velocidad, es muy notorio como mensaje y luego de dos "pasadas" desaparecerá.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<marquee id="alertit" style="position:absolute;left:0px;top:0;background-color:#FFFFE6" onmouseover="this.scrollAmount=1" onmouseout="this.scrollAmount=speed">
</marquee>
<script type="text/javascript">
/*
Alert-It Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com
This notice must stay intact
*/
//cambia el mensaje aquí:
var themsg='<span style="font:italic 22px Arial;color:red;"><b>Mensaje del scroller , texto a modificar en su fuente, color y velocidad" </a></b></span>'
var speed=6 //velocidad de scroller (1-10 o mas)
var loops=2 //specify number of times message scrolls across screen (an integer or "infinite")
function populatescroller(){
var windowwidth=iecompattest().clientWidth
document.getElementById("alertit").innerHTML=themsg
document.getElementById("alertit").style.width=windowwidth
document.getElementById("alertit").scrollAmount=speed
document.getElementById("alertit").scrollDelay=20
document.getElementById("alertit").loop=loops
document.getElementById("alertit").onfinish=function(){
document.getElementById("alertit").style.visibility="hidden"
}
}
function iecompattest(){
return (document.compatMode!="BackCompat")? document.
documentElement : document.body
}
if (document.all && document.getElementById){
window.onload=populatescroller
window.onresize=populatescroller
}
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Scroll que imita una maquina de escribir
Scroll que imita una maquina de escribir, mensaje que aparece letra por letras, es muy facil de insertar en tu web.
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<script language="JavaScript">
<!-- begin
var max=0;
function textlist()
{
max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i];
}
tl=new textlist
(
"AQUI COLOCAS TU TEXTO O MENSAJE" //modifica este texto a tu gusto
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// end -->
</script>
<script language="JavaScript">
<!--
document.write("<FORM NAME=\"tickform\">");
document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\
"30\">"); // Bei SIZE können Sie die Größe des Feldes ändern
document.write("</FORM>");
textticker();
//-->
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Scroll marquesita dentro de cuadro de texto.
Scroller similar a una marquesina inserta dentro de un area de texto. Scroller que muestra una frase dentro de un area de texto, puedes modificar su letra "text" SIZE=25 y la velocidad del scroller ScrollSpeed = 100
Debes copiar el código, modificarlo a tu gusto e insertarlo dentro de las etiquetas:
<body> aqui pegas el script </body>
Código:
<form name="marquee1">
<input name="text" size=25
value="MODIFICA ESTE MENSAJE PARA TU USO, VELOCIDAD Y TAMANO....... - " />
</form>
</center>
<script>
<!--
/*Text box marquee by Dave Methvin,
Windows Magazine
May be used/modified if credit line is
retained*/
ScrollSpeed = 100
ScrollChars = 1
function ScrollMarquee() {
window.setTimeout('ScrollMarquee()',ScrollSpeed);
var msg = document.marquee1.text.value;
document.marquee1.text.value =
msg.substring(ScrollChars) +
msg.substring(0,ScrollChars);
}
ScrollMarquee()
//-->
</script>
Enlaces Utiles:
• Nuestro Foro - Actualizaciones tu E-mail - Sindicar RSS - Preguntas & Respuestas.
Recent Comments