Nieve en el Blog

Fieldset II

noreply@blogger.com (José Pinto) — Thu, 28 Jan 2010 09:02:00 -0800

Loren Ipsum
Lorem ipsum dolor sit amet, ut quam in. Lorem id sed, in quis suscipit, odio aliquam nulla. Vehicula posuere, tincidunt curabitur. Nullam convallis. Placerat sed. Etiam id nec, risus ut ante.

# #el12 {text-align:right} /* Change text alignment */
# fieldset p {margin:0} /* Remove margins from p elements inside fieldsets */

Your generated code should added here

Fielset

noreply@blogger.com (José Pinto) — Thu, 28 Jan 2010 06:50:00 -0800

Texto Loren IpsumLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mattis justo vel purus tempor vehicula. Quisque sed ligula ut ante viverra pretium. Donec sed diam sem. Nunc lobortis fringilla dictum. Ut lacinia quam non purus auctor tempor. Quisque in nibh tellus. Vivamus convallis elementum lectus, vel accumsan orci facilisis eget. Maecenas malesuada suscipit turpis, eget sodales eros porttitor in. Donec dictum sapien in risus porttitor ut ultrices tortor vehicula. Phasellus accumsan, orci pulvinar porttitor aliquam, risus nunc tincidunt erat, et gravida mauris eros vel felis. Vivamus quis luctus quam. Nulla lorem libero, aliquam ac dapibus eget, elementum sed neque. Maecenas a vehicula erat. Aliquam a felis lorem, posuere interdum elit. Suspendisse sed mi ut velit sodales porta. Curabitur eu sem quis dolor aliquet imperdiet. Nam adipiscing porttitor lectus, vitae blandit nibh interdum eget. Curabitur in vulputate tellus. Pellentesque purus nunc, ultricies non aliquam non, semper et augue.

El código es el siguiente:

<form>

<fieldset>

<legend>Aquí el título</legend>

</fieldset>

</form>

Textarea

noreply@blogger.com (José Pinto) — Thu, 28 Jan 2010 06:36:00 -0800

El código a continuación:

<textarea cols="30" rows="5" name="nombre">texto que actúa como value</textarea>

Formulario de comentarios

noreply@blogger.com (José Pinto) — Thu, 28 Jan 2010 06:09:00 -0800

El código a continuación:

<div>

<legend>Información personal</legend>

<label for="idnombre">Nombre completo:</label> <input type="text" name="nombrecompleto" id="idnombre" value="-" /><br />

<label for="idemail">Email address:</label> <input type="text" name="email" id="idemail" value="-" />

</fieldset>

<legend>Comentarios</legend>

<textarea name="comentarios" rows="10" cols="30">...Tus comentarios aquí...</textarea>

</fieldset>

</div>

</form>

Tynt Insight

noreply@blogger.com (José Pinto) — Mon, 25 Jan 2010 18:56:00 -0800

Esta es otra de las muchas maneras de calificar nuestras entradas. Le damos la opción a los visitantes de que nos señalen, la importancia que ha podido tener determinada entrada para ellos.

Leer más: http://milaboratoriodepruebas.blogspot.com/#ixzz0dgRvkzBj

noreply@blogger.com (José Pinto) — Sun, 17 Jan 2010 07:18:00 -0800

Desactivar el boton derecho del mouse y el teclado

noreply@blogger.com (José Pinto) — Mon, 28 Dec 2009 09:38:00 -0800

Cuando colocamos el famoso código para deshabilitar o eliminar el uso del botón derecho del mouse, el cual permite permite copiar el contenido de un blog o página web, nos olvidamos que desde el teclado también podemos accesar al menú contextual [ver imágen]
.

Presionando las teclas Bloq/Mayus+F10 también conseguiremos accesar al menú contextual o ventana. Para evitar tambien el uso de ésta forma sólo debemos colocar sobre </body> éste código:


<body oncontextmenu="return false;"/>

Espero les sea de utilidad.

Acortador de URL de Google

noreply@blogger.com (José Pinto) — Fri, 25 Dec 2009 23:36:00 -0800

Esto se asemeja a la zaga de Guerra de las Galaxias. Con los màs conocidos como TinyURL, bit.ly, is.gd, tr.im, y èste que considero es el que màs corta proporciona las urls thinfi.com, agregamos uno que pertenece nada màs y nada menos que a... Google, estoy hablando de goo.gl. Este nuevo acortador, cuyo padre es Google, lo estuve tratando de probar desde la barra Google nueva y no me fue posible hacerlo. Tuve que irme hasta el blog del desarrollador Alexandre Gaigalas donde hay un enlace desde donde podemos utilizarlo http://gaigalas.net, y desde allì pude realizar mis pruebas. Sigo teniendo la misma apreciaciòn de thinfi.com, pero que goo.gl pertenezca a Google nos hace ser suspicazes. A continuaciòn una imàgen de lo que es la herramienta-

Espero les sea ùtil.

Color del fondo del blog segun la hora

noreply@blogger.com (José Pinto) — Fri, 25 Dec 2009 08:55:00 -0800

Este es otro truco bastante vistoso. Con la inclusiòn del siguiente script sobre </head> podràs observar como cambia el color del fondo de tu blog segùn la hora del dìa. La parte del script que ves resaltada, corresponde al nombre del color y puedes cambiarlo por el de tu agrado.


<script type="text/javascript">

<!--



        var now = new Date();

        var hours = now.getHours();

        var psj=0;

document.write('<style type="text/css">')

        //18-19 night

        if (hours > 17 && hours < 20){

                document.write('body{background:orange; color:#FFFFFF;} a{color: yellow !important}')

        }



        //20-21 night

        if (hours > 19 && hours < 22){

                document.write('body{background:orangered; color:#FFFFFF;} a{color: yellow !important}')

        }



        //22-4 night

        if (hours > 21 || hours < 5){

                document.write('body{background:black; color:#FFFFFF;} a{color: yellow !important}')

        }



        //9-17 day

        if (hours > 8 && hours < 18){

                document.write('body{background:deepskyblue; color:#FFFFFF;} a{color: yellow !important}')

        }



        //7-8 day

        if (hours > 6 && hours < 9){

                document.write('body{background:skyblue; color:#FFFFFF;} a{color: yellow !important}')

        }



        //5-6 day

        if (hours > 4 && hours < 7){

                document.write('body{background:steelblue; color:#FFFFFF;} a{color: yellow !important}')

        }

document.write('<\/style>')

    

//-->

</script>

Espero lo disfruten.

Como cambiar el color del fondo en el blog

noreply@blogger.com (José Pinto) — Fri, 25 Dec 2009 08:04:00 -0800

Este es un truco bastante llamativo. Con el siguiente script, colocado sobre </body>, podràs cambiar el fondo de tu blog cada vez que recargues tu pàgina. En el script, la parte resaltada corresponde al còdigo hexadecimal del color, puedes cambiar el color por el de tu agrado.



<script>



var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")



document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]



</script>

Espero les sea de utilidad.

Como eliminar la Navbar

noreply@blogger.com (José Pinto) — Wed, 23 Dec 2009 18:47:00 -0800

Para lograr este cometido ubicas en tu plantilla </head>, y de seguidas colocas sobre el este còdigo:



<style type='text/css'>



#navbar-iframe {



height:0px;



visibility:hidden;



display:none;



}



</style>

De esta manera lograràs eliminar la navbar de tu blog.

Blockquote con CSS

noreply@blogger.com (José Pinto) — Wed, 23 Dec 2009 14:28:00 -0800

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis varius augue, a ornare massa egestas ut. Integer id odio sem. Curabitur ac libero ac nisl vestibulum lacinia. Sed feugiat nisi sit amet leo fermentum molestie. Quisque nisi nisi, porta id elementum nec, fermentum vel tellus. Nunc vel sapien ac dui blandit imperdiet. Nulla ac venenatis nunc. Cras quam justo, tincidunt ac blandit non, porta id augue. Nullam tellus orci, blandit nec condimentum sit amet, suscipit ac ante. Curabitur est arcu, tempor at accumsan at, porta a leo.

Para conseguir èste efecto ingresas a la plantilla de tu blog, y ayudados con el buscador de còdigos (CTRL+F) ubicas en la plantilla esto .post blockquote { , borrandolo y sustituyendolo por èste otro còdigo:



blockquote {



text-indent: 25px;



background: url(Imagen con las comillas);



background-position: 0 2px;



background-repeat: no-repeat;



}

Es muy importante la parte del còdigo marcada en rojo para la vista final del efecto.

Efecto Nieve en el Blog

noreply@blogger.com (José Pinto) — Fri, 4 Dec 2009 16:12:00 -0800

Este efecto lo consigues insertando el siguiente código sobre </body>.



<script type="text/javascript" src=" http://dl.dropbox.com/u/833381/NieveScriptsCenter.js">

</script>

Contactame

noreply@blogger.com (José Pinto) — Tue, 20 Jan 2009 01:26:00 -0800

Tu Nombre :
Tu Email :
Asunto :
Mensaje :
Coloca este código en la casilla: