"Gadget para exibir a data atual"
..." gadget simples para aqueles interessados em colocar a data em um dia visíveis em seu blog.
..." quatro modelos diferentes, que você pode ser um pouco "faz-tudo" com HTML pode facilmente mudar a imagem de fundo, cor, tamanho, tipo e fonte, etc ..."
"Para colocá-lo em seus blogs, você só tem de escolher o modelo que você gosta e adicionar seu código como gadget "HTML / Javascript"."
<center> <strong> <div style = "width: 156px; height: 112px; background-image: line-height: 1.5em; "> <div século style="font-family: padding: gothic; 18px 0 0 0; font-size: 26px; color: #ffffff; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (diasSemana [f.getDay ()]); </ Script> </ div> <div século style="font-family: padding: gothic; 5px 0 0 0; font-size: 15px; color: #ffffff; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getDate () + "de" + meses [f.getMonth ()]); </ Script> </ div> <div style="font-family: arial preto, gothic; século 8px 0 21px 0; padding: font-size: 36px; color: #3894cb; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getFullYear ()); </ Script> </ div> </ div> </ strong> </ center> <div style="position:relative;top: -7px; #top: -14px"> <p> <div style="text-align: center" line-height: 0.1em; font-size: 10px"> < font face = "Century Gothic"> Gadget por <a href = " http://www.blogsmadeinspain.blogspot.com/ "target =" _blank "> Blogsmadeinspain </ a> </ font> </ div> </ p > </ div> |
<center> <div style = "width: 150px; height: 77px; background-image: line-height: 1.5em; "> <div século style="font-family: padding: gothic; 10px 0 0 0; font-size: 15px; color: #ffffff; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getDate () + "de" + meses [f.getMonth ()]); </ Script> </ div> <div style="font-family: gothic; século 8px 0 21px 0; padding: font-size: 36px; color: #63957f; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getFullYear ()); </ Script> </ div> </ div> </ center> <div style="position:relative;top: -7px; #top: -14px"> <p> <div style="text-align: center" line-height: 0.1em; font-size: 10px"> < font face = "Century Gothic"> Gadget por <a href = " http://www.blogsmadeinspain.blogspot.com/ "target =" _blank "> Blogsmadeinspain </ a> </ font> </ div> </ p > </ div> |
<center> <div style = "width: 150px; height: 77px; background-image: line-height: 1.5em; "> <div século style="font-family: padding: gothic; 10px 0 0 0; font-size: 15px; color: #ffffff; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getDate () + "de" + meses [f.getMonth ()]); </ Script> </ div> <div style="font-family: gothic; século 8px 0 21px 0; padding: font-size: 36px; color: #de7223; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getFullYear ()); </ Script> </ div> </ div> </ center> <div style="position:relative;top: -7px; #top: -14px"> <p> <div style="text-align: center" line-height: 0.1em; font-size: 10px"> < font face = "Century Gothic"> Gadget por <a href = " http://www.blogsmadeinspain.blogspot.com/ "target =" _blank "> Blogsmadeinspain </ a> </ font> </ div> </ p > </ div> |
<center> <div style = "width: 180px; height: 62px; background-image: line-height: 1.5em; border: 1px solid # 8e8e8e "> <div século style="font-family: padding: gothic; 10px 0 0 0; font-size: 22px; color: #8e8e8e; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (diasSemana [f.getDay ()]); </ Script> </ div> <strong> <div século style="font-family: padding: gothic; 5px 0 0 0; font-size: 12px; color: #ffffff; background: <script> none;"> var meses = new Array diasSemana var = new Array ("Domingo", "Segunda", "Terça-feira", "Quarta", "Quinta", "Sexta", "Sábado"); var f = new Date (); document.write (f.getDate () + "de" + meses [f.getMonth ()] + "de" + f.getFullYear ()); </ Script> </ div> </ div> </ div> </ center> <div style="position:relative;top: -7px; #top: -14px"> <p> <div style="text-align: center" line-height: 0.1em; font-size: 10px"> < font face = "Century Gothic"> Gadget por <a href = " http://www.blogsmadeinspain.blogspot.com/ "target =" _blank "> Blogsmadeinspain </ a> </ font> </ div> </ p > </ div> |
Como sempre, espero que gostem e achar que é útil para muitos.
traduzido de:
▼ blogsmadeinspain
▼
"Gadget para mostrar la fecha del día"
"Os he diseñado un sencillo gadget para los que estáis interesado en colocar la fecha diaria en un sitio visible de vuestro blog. Aunque yo os dejo aquí cuatro modelos diferentes, los que seáis un poco “manitas” con el lenguaje html podéis fácilmente cambiar la imagen de fondo, tipo, tamaño y color de letra, etc…
Para colocarlo en vuestros blogs, solo tenéis que elegir el modelo que más os guste y añadir sus códigos como gadget "HTML/Javascript"."
|
|
| |
| Viernes
31 de Agosto de 2012 |
|
|
Ver código del modelo superior izquierdo...[+/-]
Ver código del modelo superior derecho...[+/-]
Ver código del modelo inferior izquierdo...[+/-]
Ver código del modelo inferior derecho...[+/-]
"Como siempre, espero que os guste y sea de utilidad para muchos."
fonte:
"Gadget para mostrar la fecha del día"
Os he diseñado un sencillo gadget para los que estáis interesado en colocar la fecha diaria en un sitio visible de vuestro blog. Aunque yo os dejo aquí cuatro modelos diferentes, los que seáis un poco “manitas” con el lenguaje html podéis fácilmente cambiar la imagen de fondo, tipo, tamaño y color de letra, etc…
Para colocarlo en vuestros blogs, solo tenéis que elegir el modelo que más os guste y añadir sus códigos como gadget "HTML/Javascript".
Ver código del modelo superior izquierdo...[+/-]
<div style="font-family: century gothic; padding: 18px 0 0 0; font-size: 26px; color: #ffffff; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(diasSemana[f.getDay()]); </script></div> <div style="font-family: century gothic; padding: 5px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getDate() + " de " + meses[f.getMonth()]); </script></div> <div style="font-family: arial black, century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #3894cb; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getFullYear()); </script></div></div></strong></center> <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href=" http://www.blogsmadeinspain.blogspot.com/" target="_blank"> Blogsmadeinspain</a></font></ div></p></div> |
<div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getDate() + " de " + meses[f.getMonth()]); </script></div> <div style="font-family: century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #63957f; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getFullYear()); </script></div></div></center> <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href=" http://www.blogsmadeinspain.blogspot.com/" target="_blank"> Blogsmadeinspain</a></font></ div></p></div> |
<div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getDate() + " de " + meses[f.getMonth()]); </script></div> <div style="font-family: century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #de7223; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getFullYear()); </script></div></div></center> <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href=" http://www.blogsmadeinspain.blogspot.com/" target="_blank"> Blogsmadeinspain</a></font></ div></p></div> |
<div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 22px; color: #8e8e8e; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(diasSemana[f.getDay()]); </script></div><strong> <div style="font-family: century gothic; padding: 5px 0 0 0; font-size: 12px; color: #ffffff; background: none;"><script> var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"); var f=new Date(); document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear()); </script></div></strong></div></center> <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href=" http://www.blogsmadeinspain.blogspot.com/" target="_blank"> Blogsmadeinspain</a></font></ div></p></div> |
"Como siempre, espero que os guste y sea de utilidad para muchos." |
|
0 Response to ""Gadget para exibir a data atual""
Postar um comentário
Mensagem do formulário de comentário: