lunes, 28 de diciembre de 2009

Desactivar el boton derecho del mouse y el teclado

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.


Publicado por José Pinto en 9:38 0 comentarios

viernes, 25 de diciembre de 2009

Acortador de URL de Google

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.



Publicado por José Pinto en 23:36 0 comentarios
Etiquetas: ,

Color del fondo del blog segun la hora

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.



Publicado por José Pinto en 8:55 0 comentarios
Etiquetas: ,

Como cambiar el color del fondo en el blog

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.



Publicado por José Pinto en 8:04 0 comentarios
Etiquetas: ,

miércoles, 23 de diciembre de 2009

Como eliminar la Navbar

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.
Publicado por José Pinto en 18:47 0 comentarios
Etiquetas:

Blockquote con CSS

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.
Publicado por José Pinto en 14:28 0 comentarios

viernes, 4 de diciembre de 2009

Efecto Nieve en el Blog

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>
Publicado por José Pinto en 16:12 0 comentarios
Etiquetas: ,

martes, 20 de enero de 2009

Contactame


Tu Nombre :

Tu Email :

Asunto :

Mensaje :

Coloca este código en la casilla:


Publicado por José Pinto en 1:26
Suscribirse a: Entradas (Atom)