Como evitar que copien el texto de tu web con Javascript

A nadie le gusta que le roben el contenido de su web o blog, pero por desgracia no hay una manera 100% efectiva de prevenirse contra los ladrones, pero como mí­nimo podemos ponérselo un poco más difí­cil con un pequeño script de Javascript.

La idea es inhabilitar la función de selección de texto (si no se puede seleccionar no se puede copiar ):)

Leer Más »

Entrada publicada en Compatibilidad navegadores, Trucos y consejos web | Etiquetas: , , | 2 Comentarios

Como hacer una sombra con CSS3 (Box-shadow)

Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background.

Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artí­culo, veremos como implementar este efecto para que sea compatible con todos los navegadores (Mozilla Firefox, Safari, Chrome, Internet Explorer, etc…).

Vamos directo a la materia:

Leer Más »

Entrada publicada en Compatibilidad navegadores, HTML5 y CSS3 | Etiquetas: , , , , , , | 3 Comentarios

Como resetear el CSS de los navegadores para que no alteren tus estilos

Para que nuestro código CSS sea lí­mpio y afecte de igual manera en todos los navegadores, lo primero que tenemos que hacer es resetear el CSS propio de cada navegador.

Esto hará que nos ahorremos un montón de problemas en la maquetación de nuestra web.

Para ello solo tienes que incluir este código al principio de tu hoja de estilos CSS principal:

Leer Más »

Entrada publicada en Compatibilidad navegadores | Etiquetas: , , , , | Dejar un comentario

Como quitar el fondo de una imagen en Photoshop (Fondo transparente, método 1)

Cada vez es más común la necesidad de quitar el fondo de una imagen, o sea hacer que el fondo sea transparente para que se pueda ver lo que hay debajo.

En este artí­culo veremos como eliminar el fondo de una imagen en Photoshop en menos de dos minutos, vamos por partes:

Paso 1: Abrimos la imagen en Photoshop

Paso 2: Duplicamos la capa que tenemos

Seleccionamos la capa con el ratón y pulsamos Ctrl+J o bién en el menú de la ventana Capas selecionamos Duplicar capa.

Leer Más »

Entrada publicada en Diseño web general, Photoshop | Etiquetas: , , , , , , , | 5 Comentarios

Ver la pelí­cula Berlin Calling online gratis en V.O. con subtí­tulos en español

Si queris ver esta magní­fica pelí­cula con esta espectacular banda sonora solo teneis que hacer clic aqui:

Ver Berlin Calling online gratis (versón original con subtí­tulos en español)

Sinopsis: (fuente Filmafinity):

Leer Más »

Entrada publicada en Videos y pelí­culas, Z - Artí­culos extra (bonus) | Etiquetas: , , , | Dejar un comentario

Como hacer cantos redondeados (redondos) con HTML5 y CSS3 (esquinas redondeadas)

Pues eso, si quieres que tus div’s tengan los cantos o esquinas redondeados y que además se vean redondos en todos los navegadores solo tienes que usar este código CSS (cada orden es para un navegador distinto):

#nombredeldiv {
  1. -khtml-border-radius: 5px;
  2. -moz-border-radius: 5px;
  3. -webkit-border-radius: 5px;
  4. border-radius: 5px;
  5. }

Si quieres especificar que borde quieres redondear, puedes añadir “top”, “left”, etc… en cada linia.

Por cierto, es recomendable que el div tenga un color de fondo y un borde para que el efecto se vea correctamente. Recomiendo usar un color de borde un poco más oscuro que el de fondo para acentuar el efecto. Por exemplo:

#nombredeldiv {
  1. -khtml-border-radius: 5px;
  2. -moz-border-radius: 5px;
  3. -webkit-border-radius: 5px;
  4. border-radius: 5px;
  5. border: 1px solid #cccccc;
  6. background-color:#dddddd
  7. }

Espero que os sirva

Un saludo

Entrada publicada en Diseño web general, HTML5 y CSS3, Herramientas y utilidades, Trucos y consejos web | Etiquetas: , , , , , , | 1 Comentario