Las Platillas predeterminadas de blogger presentan las entradas al centro con dos franjas en ambos lados.
Si se quiere presentar el blog a pantalla completa, es necesario cambiar la plantilla que se está utilizando por alguna otra que se adapte según la resolución de los monitores. Blogger ofrece entre las plantillas antiguas algunas con esta característica.
Para tener el blog a pantalla completa se hace yendo a Diseño, Edición de HTML (primero hacer una copia de seguridad cliqueando en Descargar plantilla completa) abajo aparecen las Plantillas antiguas ... Plantillas de diseño (lanzadas en 2006) - Seleccionar plantilla de diseño, haciendo click allí aparecerán todas, marcar por ejemplo Mínima Stretch, cliquear en Vista Preliminar de la plantilla y si es la platilla deseada, Guardar plantilla.
Este blog lo he creado para ir guardando los trucos que voy encontrando aqui y alla, los pongo en práctica y mientras voy aprendiendo en el camino, estoy escribiendo este blog, en realidad este blog es personal, pero eres bienvenido, si tienes comentarios o cosas que enseñar más trucos para aplicarlos en blogger.
Marquesina
viernes, 14 de enero de 2011
miércoles, 12 de enero de 2011
Botón que no hace nada
jaja, Boton que no hace nada.
------------------
---------------------------
Aqui el código:
<script type="text/javascript">
function show_alert()
{
alert("Ya sabia que lo ibas hacer, ya viste no hago nada?");
}
</script>
<input type="button" onclick="show_alert()" value="no hacer click porque no hago nada" />
------------------
---------------------------
Aqui el código:
<script type="text/javascript">
function show_alert()
{
alert("Ya sabia que lo ibas hacer, ya viste no hago nada?");
}
</script>
<input type="button" onclick="show_alert()" value="no hacer click porque no hago nada" />
martes, 11 de enero de 2011
mensaje dependiendo el día de la semana.
Este código javascript da un mensaje que cambia dairamiemente dependiendo el día de la semana. aqui el ejemplo:
------------------------------------
------------------------------------
y aqui está el código:
<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{
case 1:
document.write("<b>Y arranca la semana, listo para buscar el fin de semana? </b>");
break;
case 2:
document.write("<b>puff. Falta mucho para el fin de semana</b>");
break;
case 3:
document.write("<b>Media semana, animo</b>");
break;
case 4:
document.write("<b>Ya mero, un poco mas de esfuerzo</b>");
break;
case 5:
document.write("<b>Mision cumplida, por fin es Viernes</b>");
break;
case 6:
document.write("<b>Sabadito alegre, dia de fiesta</b>");
break;
case 0:
document.write("<b>Domingo de resurreccion, que dolor de cabeza mmm, y mañana es lunes</b>");
break;
}
</script>
------------------------------------
------------------------------------
y aqui está el código:
<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{
case 1:
document.write("<b>Y arranca la semana, listo para buscar el fin de semana? </b>");
break;
case 2:
document.write("<b>puff. Falta mucho para el fin de semana</b>");
break;
case 3:
document.write("<b>Media semana, animo</b>");
break;
case 4:
document.write("<b>Ya mero, un poco mas de esfuerzo</b>");
break;
case 5:
document.write("<b>Mision cumplida, por fin es Viernes</b>");
break;
case 6:
document.write("<b>Sabadito alegre, dia de fiesta</b>");
break;
case 0:
document.write("<b>Domingo de resurreccion, que dolor de cabeza mmm, y mañana es lunes</b>");
break;
}
</script>
lunes, 10 de enero de 2011
Pagina para probar codigos Javascript
Esta pagina http://www.w3schools.com/js/tryit.asp?filename=tryjs_intro contiene en editor de texto en linea, donde se pueden escribir código Javascript y probar su resultado.
viernes, 7 de enero de 2011
para mostrar el tiempo de vida de tu blog
No sé realmente para que sirva, jeje, pero si se quiere mostrar cuanto tiempo ha estado un blog en internet:
Aqui esta el ejemplo:
-------------------------------------------
Hoy es
-----------------------------------------------
Aquí está el código:
-----------------------------------------------
<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" días"
document.write("Hace "+difference+" que este Blog esta en linea!")
}
//NOTA: Cambia en la linea de abajo, el dia desde el que quieres contar el tiempo
countup(2006,09,30)
</script>
Hoy es <script><!--
dows = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
now = new Date();
dow = now.getDay();
d = now.getDate();
m = now.getMonth();
h = now.getTime();
y = now.getFullYear();
document.write(dows[dow]+" "+d+" de "+months[m]+" de "+y);
//--></script>
------------------------------------------------------------------------------------
Aqui esta el ejemplo:
-------------------------------------------
Hoy es
-----------------------------------------------
Aquí está el código:
-----------------------------------------------
<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" días"
document.write("Hace "+difference+" que este Blog esta en linea!")
}
//NOTA: Cambia en la linea de abajo, el dia desde el que quieres contar el tiempo
countup(2006,09,30)
</script>
Hoy es <script><!--
dows = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
now = new Date();
dow = now.getDay();
d = now.getDate();
m = now.getMonth();
h = now.getTime();
y = now.getFullYear();
document.write(dows[dow]+" "+d+" de "+months[m]+" de "+y);
//--></script>
------------------------------------------------------------------------------------
jueves, 6 de enero de 2011
un mensaje de bienvenida al blog
Este es un código muy sencillo para darle la bienvenida al visitante de nuestro sitio. Copia y pega el código y sustituye el texto en azul, por tu propia bienvenida.
---------------------------------
<script>
window.alert("Bienvenido a mi sitio web. Gracias...")
</script>
--------------------------------
---------------------------------
<script>
window.alert("Bienvenido a mi sitio web. Gracias...")
</script>
--------------------------------
Etiquetas:
mensaje de bienvenida javascript
¿Qué es Javascript?
Javascript es un lenguaje de programación que permite a los creadores de paginas WEB insertar acciones en sus páginas.
Javascript es un lenguaje que puede ser utilizado por profesionales y por aquellos que se inician en el desarrollo y diseño de sitios web.
Javascript no requiere grandes conocimientos de programación, ni programas de compilación ya que el lenguaje funciona del lado del cliente, los navegadores de internet son los encargados de interpretar estos códigos.
Javascript es un lenguaje con muchas posibilidades, puede ser utilizado para crear pequeños programas que luego se pueden insertar en una página web o en programas más grandes, orientados a objetos mucho más complejos.
Con Javascript se pueden crear diferentes efectos e interactuar con los usuarios de internet.
Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.
Al principio HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero no se podía interactuar con los usuarios. En 1990 nació Javascript por la necesidad de permitir a los autores de sitio web crear páginas que permitieran una mayor interaccion con los usuarios.
Javascript se puede encontrar en Internet en los siguientes servicios:
Para que estos dos lenguajes HTML y Javascript puedan convivir sin problemas entre ellos, se han de incluir unos delimitadores que separan las etiquetas HTML de las instrucciones Javascript. Estos delimitadores son las etiquetas <SCRIPT> y </SCRIPT>. Todo el código Javascript que se ponga en la página ha de ser introducido entre estas dos etiquetas.
Asì entonces, el código javascript se inserta dentro de las etiquetas
Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este es interpretado por el navegador, no se necesita tener instalado ningún Framework.
Al surgir nuevos lenguajes como PHP del lado del servidor y Javascript del lado del cliente, surgió Ajax en acrónimo de (Asynchronous Javascript And XML). Estes es una técnica para crear aplicaciones web interactivas. Este lenguaje combina varias tecnologías:
Para usar correctamente el JavaScript en un navegador, es importante saber cómo funciona éste último a la hora de visualizar el diseño y la composición del texto plano modificado con códigos HTML.
Esta composición a partir del diseño especificado se realiza siempre secuencialmente, es decir, el navegador comienza desde la primera línea de la página y continua descendiendo hasta el final de la misma. Por ello el JavaScript sólo refleja código que ya se haya encontrado.
Existen dos formas fundamentales de ejecutar scripts en una página. La primera se trata de la ejecución directa de scripts, la segunda es una ejecución como respuesta a la acción de un usuario.
Javascript es un lenguaje que puede ser utilizado por profesionales y por aquellos que se inician en el desarrollo y diseño de sitios web.
Javascript no requiere grandes conocimientos de programación, ni programas de compilación ya que el lenguaje funciona del lado del cliente, los navegadores de internet son los encargados de interpretar estos códigos.
Javascript es un lenguaje con muchas posibilidades, puede ser utilizado para crear pequeños programas que luego se pueden insertar en una página web o en programas más grandes, orientados a objetos mucho más complejos.
Con Javascript se pueden crear diferentes efectos e interactuar con los usuarios de internet.
Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.
Al principio HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero no se podía interactuar con los usuarios. En 1990 nació Javascript por la necesidad de permitir a los autores de sitio web crear páginas que permitieran una mayor interaccion con los usuarios.
Javascript se puede encontrar en Internet en los siguientes servicios:
- Correo
- Chat
- Buscadores de Información
- Reloj
- Contadores de visitas
- Fechas
- Calculadoras
- Validadores de formularios
- Detectores de navegadores e idiomas
Para que estos dos lenguajes HTML y Javascript puedan convivir sin problemas entre ellos, se han de incluir unos delimitadores que separan las etiquetas HTML de las instrucciones Javascript. Estos delimitadores son las etiquetas <SCRIPT> y </SCRIPT>. Todo el código Javascript que se ponga en la página ha de ser introducido entre estas dos etiquetas.
Asì entonces, el código javascript se inserta dentro de las etiquetas
<body></body>
de las páginas web. Generalmente se inserta entre las esriquetas <script></script>
. También pueden estar ubicados en ficheros externos usando:<script type="text/javascript" src="micodigo.js"></script>
- Variables:
var = “Hola”, n=103
- Condiciones:
if(i<10){ … }
- Ciclos:
for(i; i<10; i++){ … }
- Arreglos:
var miArreglo = new Array(“12”, “77”, “5”)
- Funciones: Ppopias del lenguaje y predefinidas por los usuarios
- Comentarios para una sola línea:
// Comentarios
- Comentarios para varias lineas:
/*
Comentarios
*/ - Permite la programación orientada a objetos:
document.write("Hola");
- Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando “
var
”. Podemos usar “+
” para concatenar cadenas y variables.
Al surgir nuevos lenguajes como PHP del lado del servidor y Javascript del lado del cliente, surgió Ajax en acrónimo de (Asynchronous Javascript And XML). Estes es una técnica para crear aplicaciones web interactivas. Este lenguaje combina varias tecnologías:
- HTML y Hojas de Estilos CSS para generar estilos.
- Implementaciones ECMAScript, uno de ellos es el lenguaje Javascript.
- XMLHttpRequest es una de las funciones más importantes que incluye, que permite intercambiar datos asincrónicamente con el servidor web, puede ser mediante PHP, ASP, entre otros.
Para usar correctamente el JavaScript en un navegador, es importante saber cómo funciona éste último a la hora de visualizar el diseño y la composición del texto plano modificado con códigos HTML.
Esta composición a partir del diseño especificado se realiza siempre secuencialmente, es decir, el navegador comienza desde la primera línea de la página y continua descendiendo hasta el final de la misma. Por ello el JavaScript sólo refleja código que ya se haya encontrado.
Existen dos formas fundamentales de ejecutar scripts en una página. La primera se trata de la ejecución directa de scripts, la segunda es una ejecución como respuesta a la acción de un usuario.
miércoles, 5 de enero de 2011
Codificar correctamente con HTML
Para codificar correctamente con HTML se utilizaran los elementos HTML llamados etiquetas.
Estas etiquetas se encuentran encerradas entre corchetes: < >
Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado o título que estamos codificación, ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>.
Estas etiquetas incluyen la sección o el texto que desea dar formato. Piense en la etiqueta de apertura como un canal abierto. El código dentro de lo que se designa el flujo en ese canal. La etiqueta final cierra el canal y las cerraduras de la sección en el código.
Estas etiquetas se encuentran encerradas entre corchetes: < >
Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado o título que estamos codificación, ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>.
Estas etiquetas incluyen la sección o el texto que desea dar formato. Piense en la etiqueta de apertura como un canal abierto. El código dentro de lo que se designa el flujo en ese canal. La etiqueta final cierra el canal y las cerraduras de la sección en el código.
Cursor personalizado.
Este es un código muy llamativo, que le da al cursor una gran personalidad al cursor. Para páginas Web
se debe colocar este código en el head de la pagina, y ahí adentro se pega el código y luego se cierra el head.
Para blogger, se puede pegar directamente en una entrada, desde la edición de HTML.
-----------------------------------------------------------------------------------
<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'verdana', arial;
color: #F0BBAA;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "hola, bienvenido a truccos blogger, un espacio para aprender juntos"; //aquí se cambia el texto, este será el que siga al ratón
var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
------------------------------------------------------------------------------------
se debe colocar este código en el head de la pagina, y ahí adentro se pega el código y luego se cierra el head.
Para blogger, se puede pegar directamente en una entrada, desde la edición de HTML.
-----------------------------------------------------------------------------------
<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'verdana', arial;
color: #F0BBAA;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "hola, bienvenido a truccos blogger, un espacio para aprender juntos"; //aquí se cambia el texto, este será el que siga al ratón
var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>
------------------------------------------------------------------------------------
Etiquetas:
blogger,
Cursor personalizado,
diseño web
Fuegos artificiales
Este script me lo encontré en la página http://lunaticos-desing.jimdo.com/codigos-html-2/ , y al probarlo en blogger, me dio la agradable sorpresa de que sí funciona.
Aquí el código:
--------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
// <![CDATA[
var bits=200; // how many bits
var intensity=20; // how 'powerful' is the explosion (from 3 to 20 is best)
var speed=30; // how fast - smaller is faster
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
// blue red green purple cyan orange
/****************************
* Fireworks Effect *
* BY DARKOL & HABANNITA *
* HTTP://DARKOL.ES.TL *
* HTTP://HABANNITA.ES.TL *
* NO EDITES ABAJO DE AQUI *
****************************/
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
// ]]>
</script>
-----------------------------------------------------------------------------------
Y el resultado se está viendo en pantalla.
Aquí el código:
--------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
// <![CDATA[
var bits=200; // how many bits
var intensity=20; // how 'powerful' is the explosion (from 3 to 20 is best)
var speed=30; // how fast - smaller is faster
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
// blue red green purple cyan orange
/****************************
* Fireworks Effect *
* BY DARKOL & HABANNITA *
* HTTP://DARKOL.ES.TL *
* HTTP://HABANNITA.ES.TL *
* NO EDITES ABAJO DE AQUI *
****************************/
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
// ]]>
</script>
-----------------------------------------------------------------------------------
Y el resultado se está viendo en pantalla.
Etiquetas:
diseño web,
fuegos artificiales
Tabla con bordes que flashean y cambian de color
Con este código se puede insertar una tabla cuyos bordes cambian de color:
<center><table id="myexample" style="BORDER-RIGHT: green 5px solid; BORDER-TOP: green 5px solid; BORDER-LEFT: green 5px solid; BORDER-BOTTOM: green 5px solid" width="280" align="center" border="0">
<tbody>
<tr>
<td>
<center>
AQUI COLOCAS TU TEXTO
</center>
<br />
</td>
</tr>
</tbody>
</table>
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all?
document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("green")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
//]]>
</script> </center>
<tbody>
<tr>
<td>
<center>
AQUI COLOCAS TU TEXTO
</center>
<br />
</td>
</tr>
</tbody>
</table>
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all?
document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("green")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
//]]>
</script> </center>
Y este es el resultado:
MIS TRUCOS PARA BLOGGER |
Codigos para evitar la copia de material
Estos Códigos no los he probado en este blog, pero ya los probé en otra pagina y si funcionan, en algún momento pueden servir. Estos scrips sirven para tratar de evitar la copia de material en una pagina.
Son tres scrips diferentes:
Son tres scrips diferentes:
PARA EVITAR EL USO DE CLICK DERECHO:
<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
<script type="text/javascript">
// IE Evitar seleccion de texto
document.onselectstart=function(){
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
return false
else return true;
};
// FIREFOX Evitar seleccion de texto
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD")
return true;
/*else if (obj.tagName=="BUTTON"){
return true;
}*/
else
return false;
}
}
PARA EVITAR QUE SE PUEDA ARRASTRAR Y SOLTAR
<script language="Javascript">
<!-- Begin
document.ondragstart = function(){return false}
<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>
PARA EVITAR LA SELECCION DE TEXTO.
// IE Evitar seleccion de texto
document.onselectstart=function(){
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
return false
else return true;
};
// FIREFOX Evitar seleccion de texto
if (window.sidebar){
document.onmousedown=function(e){
var obj=e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD")
return true;
/*else if (obj.tagName=="BUTTON"){
return true;
}*/
else
return false;
}
}
// End -->
</script>
PARA EVITAR QUE SE PUEDA ARRASTRAR Y SOLTAR
<script language="Javascript">
<!-- Begin
document.ondragstart = function(){return false}
// End -->
</script>
Cortar y pegar los scrips en el código HTML de la página que se quiere proteger.
Etiquetas:
diseño,
evitar arrastrar y soltar,
evitar click derecho,
evitar selecciòn de texto,
proteger paginas,
trucos web
Votaciones con mensajes
Para incluir una votación sobre X tema, y que al seleccionar una opción aparezca un mensaje, es algo divertido.
Cortar y pegar el siguiente código:
----------------------------------------------------------------------------------------------------------
¿Te gusta mi blog?
</p>
<center>
<table>
<tbody>
<tr>
<td style="text-align: center;">
Excelente blog<input onclick="alert(value)" name="radio" type="radio" value="Que buen gusto tienes. No olvides dejar un comentario." />
</td>
</tr>
<tr>
<td style="text-align: left;">
Regular <input onclick="alert(value)" name="radio" type="radio" value="Tienes toda la razón. Dame un consejo para mejorlo. Gracias por dejar tu comentario." />
</td>
</tr>
<tr>
<td>
Pésimo. No Regreso<input onclick="alert(value)" name="radio" type="radio" value="Vete de mi blog y no regreses (Es broma, Gracias, tu opinión cuenta. No olvides dejar un comentario)" />
</td>
</tr>
</tbody>
</table>
</center>
--------------------------------------------------------------------------------------------------------------
Sustituir el texto en rojo por el texto deseado.
A aquí el resultado.
¿Te gusta mi blog?
Excelente blog |
Regular |
Pésimo. No Regreso |
Etiquetas:
blogger,
trucos html,
Votaciones divertidas
martes, 4 de enero de 2011
Texto intermitente
Con este codigo se puede colocar un texto intermitente que aparece y desaparece sobre una misma linea.
aqui el codigo:
aqui el codigo:
<marquee scrolldelay="700" scrollamount="400">
<font color="red"><b> Colocar aqui el texto deseado</b></font>
</marquee>
<font color="red"><b> Colocar aqui el texto deseado</b></font>
</marquee>
Reemplazar el texto a azul por lo qu se quiera escibir.
y aqui el resultado:
Etiquetas:
blogger,
blogspot,
texto intermitente,
trucos html
¿Qué es el HTML?
HTML es el acrónimo en inglés de (HyperText Markup Language), que traducido al español significa Lenguaje de Marcas Híper Textuales. Es utilizado por la mayoría de páginas WEB, especialmente aquellas que utilizan el protocolo de transferencia de hipertexto (HTTP) y es la primera parte de una dirección web en la mayor parte de las gáinas de internet. HTML es el código de programación que se traduce en las imágenes que pueden ver, en la incorporación de videos, imágenes y guiones, En resumen, el código HTML estructura el contenido de una página.
Así entonces, el HTML es un lenguaje ó código que se utiliza para crear páginas de internet.
Este lenguaje ó estos códigos son reconocidos por un editor de texto HTML el cual, de acuerdo a esos códigos, imágenes, textos, tablas y un sin fin de elementos que se colocan dentro del código permiten la creación de una página de internet.Cuando se crea una página de internet se debe incluir el siguiente código
<html>
<head>
<title> Nombre de la página </title>
</head>
<body> Bienvenidos a mi página </body>
</html>
Donde:
HTML : La propiedad html indica el punto de partida del código que creará la página de internet.
HEAD: La propiedad head indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página.
TITLE: La propiedad title se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (http://truccosblogger.blogspot.com).
BODY: La propiedad body indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal de esta.
Así entonces, el HTML es un lenguaje ó código que se utiliza para crear páginas de internet.
Este lenguaje ó estos códigos son reconocidos por un editor de texto HTML el cual, de acuerdo a esos códigos, imágenes, textos, tablas y un sin fin de elementos que se colocan dentro del código permiten la creación de una página de internet.Cuando se crea una página de internet se debe incluir el siguiente código
<html>
<head>
<title> Nombre de la página </title>
</head>
<body> Bienvenidos a mi página </body>
</html>
Donde:
HTML : La propiedad html indica el punto de partida del código que creará la página de internet.
HEAD: La propiedad head indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página.
TITLE: La propiedad title se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (http://truccosblogger.blogspot.com).
BODY: La propiedad body indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal de esta.
Menú desplegable
Este menú desplegable permite que colocar varios enlaces en un solo lugar. Así se gana espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página.
Este menú funciona en páginas sin marcos.
Para crear este menú y personalizarlo, solo basta cortar y pegar el siguiente código en la página HTML:
<form>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>
</select>
</form>
</form>
Instrucciones para personalización: Observa que en la etiqueta
<option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option>
solo cambiar los datos en azul por los enlaces deseados y colocar el nombre del enlace
El resultado final quedara así:
Etiquetas:
diseño web,
menu desplegable
Texto de inicio al ingresar a una pagina
Este es un Script, en JavaScript muy interesante. (Aunque no es para los blogs de blogger) Con esto se puede lograr que, al entrar a una página, el visitante vea un mensaje de bienvenida o cualquier otro texto que se haya configurado Luego, el visitantes es llevado automáticamente a la página definida.
Para colocar este recurso en la página, sólo se debera copiar y pegar el siguiente código, en el editor y guardar la página como principal. Así al ingresar a la página, los visitantes verán los mensajes y luego serán llevados la página .
Para configurar este scrip. Basta con modificar las áreas destacadas en azul en el código. Si hay hay dificultades con algún editor HTML que no reconozca el código, solo hay que copiar y pegar el código en el bloc de notas del Windows u otro editor de texto y guardarlo con extensión html.
<HTML>
<HEAD>
<TITLE>Ingresa el título aquí</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
<HEAD>
<TITLE>Ingresa el título aquí</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
function makeArray() {
this.length = makeArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeSlideShow (obj, wait, pre, url) {
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
this.curText = '';
this.posit = 1;
this.word = obj;
this.length = obj.length;
this.pre = pre;
this.wait = wait;
this.url = url;
this.display = displaySlideShow;
}
function displaySlideShow() {
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
if (this.posit <= this.length) {
this.curText = this.word[this.posit]
outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
parent.draw.location = 'javascript:parent.outStringWord';
this.posit++;
}
else {
doneLoop = true;
top.location = this.url;
}
}
function displayLoop() {
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
wordIntro.display();
}
var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto aquí', 'ABRIENDO EL SITIO... ');
var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá');
var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';
var blankFrameBottom = '</BODY></HTML>';
var blankFrame = blankFrameTop + blankFrameBottom;
var doneLoop = false;
</SCRIPT>
</HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0>
</HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0>
<FRAME
SCROLLING=AUTO
SRC = "javascript:parent.blankFrame"
NAME = "draw"
MARGINWIDTH = 2
MARGINHEIGHT = 2>
</FRAMESET>
</HTML>
SCROLLING=AUTO
SRC = "javascript:parent.blankFrame"
NAME = "draw"
MARGINWIDTH = 2
MARGINHEIGHT = 2>
</FRAMESET>
</HTML>
Para recibir a los visitantes con un saludo
Con este codigo JavaScript se puede recibir a los visitantes del sitio con un saludo de acuerdo con la hora del día, es de decir, un buen dìa, buenas tardes o buenas noches.
sin más, aqui el codigo:
sin más, aqui el codigo:
<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>
y el resultado queda asi:
Etiquetas:
buenas noches,
buenas tardes,
diseño web,
saludo de buenos días
Con este truco se puede personalizar el sitio para que el visitante, al entrar a la página vea un espacio donde después de ingresar su nombre, aparecerá un mensaje que dice "Hola, Fulano, Bienvenido a mi espacio".
Aquí está el siguiente código JavaScript, solo copiar y pegar donde se quiere que aparezca el mensaje:
<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola "+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
</script>
Y el resultado es este:
¡Hola, visitante! Bienvenido a mi sitio.
lunes, 3 de enero de 2011
Tabla de colores HTML
COLORES HTML
Los que están en negrita se pueden escribir en lugar de los códigos.
Nombre del color | Código del color | Apariencia |
White | #FFFFFF | |
Red | #FF0000 | |
Green | #00FF00 | |
Blue | #0000FF | |
Magenta | #FF00FF | |
Cyan | #00FFFF | |
Yellow | #FFFF00 | |
Black | #000000 | |
Aqua | #70DB93 | |
Baker's Chocolate | #5C3317 | |
Blue Violet | #9F5F9F | |
Brass | #B5A642 | |
Bright Gold | #D9D919 | |
Brown | #A62A2A | |
Bronze | #8C7853 | |
Bronze II | #A67D3D | |
Cadet Blue | #5F9F9F | |
Cool Copper | #D98719 | |
Copper | #B87333 | |
Coral | #FF7F00 | |
Corn Flower Blue | #42426F | |
Dark Brown | #5C4033 | |
Dark Green | #2F4F2F | |
Dark Green Copper | #4A766E | |
Dark Olive Green | #4F4F2F | |
Dark Orchid | #9932CD | |
Dark Purple | #871F78 | |
Dark Slate Blue | #6B238E | |
Dark Slate Grey | #2F4F4F | |
Dark Tan | #97694F | |
Dark Turquoise | #7093DB | |
Dark Wood | #855E42 | |
Dim Grey | #545454 | |
Dusty Rose | #856363 | |
Feldspar | #D19275 | |
Firebrick | #8E2323 | |
Forest Green | #238E23 | |
Gold | #CD7F32 | |
Goldenrod | #DBDB70 | |
Gray | #C0C0C0 | |
Green Copper | #527F76 | |
Green Yellow | #93DB70 | |
Hunter Green | #215E21 | |
Indian Red | #4E2F2F | |
Khaki | #9F9F5F | |
Light Blue | #C0D9D9 | |
Light Grey | #A8A8A8 | |
Light Steel Blue | #8F8FBD | |
Light Wood | #E9C2A6 | |
Lime | #32CD32 | |
Mandarian Orange | #E47833 | |
Maroon | #8E236B | |
Medium Aquamarine | #32CD99 | |
Medium Blue | #3232CD | |
Medium Forest Green | #6B8E23 | |
Medium Goldenrod | #EAEAAE | |
Medium Orchid | #9370DB | |
Medium Sea Green | #426F42 | |
Medium Slate Blue | #7F00FF | |
Medium Spring Green | #7FFF00 | |
Medium Turquoise | #70DBDB | |
Medium Violet Red | #DB7093 | |
Medium Wood | #A68064 | |
Midnight Blue | #2F2F4F | |
Navy | #23238E | |
Neon Blue | #4D4DFF | |
Neon Pink | #FF6EC7 | |
New Midnight Blue | #00009C | |
New Tan | #EBC79E | |
Old Gold | #CFB53B | |
Orange | #FF7F00 | |
Orange Red | #FF2400 | |
Orchid | #DB70DB | |
Pale Green | #8FBC8F | |
Pink | #BC8F8F | |
Plum | #EAADEA | |
Quartz | #D9D9F3 | |
Rich Blue | #5959AB | |
Salmon | #6F4242 | |
Scarlet | #8C1717 | |
Sea Green | #238E68 | |
Semi-Sweet Chocolate | #6B4226 | |
Sienna | #8E6B23 | |
Silver | #E6E8FA | |
Sky Blue | #3299CC | |
Slate Blue | #007FFF | |
Spicy Pink | #FF1CAE | |
Spring Green | #00FF7F | |
Steel Blue | #236B8E | |
Summer Sky | #38B0DE | |
Tan | #DB9370 | |
Thistle | #D8BFD8 | |
Turquoise | #ADEAEA | |
Very Dark Brown | #5C4033 | |
Very Light Grey | #CDCDCD | |
Violet | #4F2F4F | |
Violet Red | #CC3299 | |
Wheat | #D8D8BF | |
Yellow Green | #99CC32 |
|
|
|
|
|
|
Suscribirse a:
Entradas (Atom)