elWebmaster.com

background | CSS3 | Parallax

Efecto parallax con CSS

css3wide1Desde hace un buen rato que el conocido efecto llamado “parallax” se ha vuelto popular en los sitios web modernos.¬† El truco consiste en a√Īadir diferentes capas de im√°genes que se mueven en diferentes direcciones y a diferente velocidad. Esto genera un efecto √≤ptico agradable y mantiene la atenci√≥n del visitante. ¬ŅPero c√≥mo lograrlo con CSS? Seguir leyendo

23/jun/14, 09.00 Morton Comentar

CSS | Google | html

Cómo colocar un mapa de Google Maps como fondo de tu sitio web

mapsbackground-wide2Aunque suene est√©ticamente extra√Īo, lo cierto es que utilizar un mapa de Google Maps a gran escala como fondo de tu sitio web puede verse mejor de lo que crees. En este art√≠culo te mostramos c√≥mo utilizar propiedades de CSS como z-index y position: absolute para lograrlo. Seguir leyendo

27/mar/11, 11.17 Morton 7 comentarios

html | background | im√°genes

CSS3: Gran efecto para mostrar imágenes a través del texto

css3wide1WebKit soporta la nueva propiedad background-clip de CSS3, lo que es una buena noticia ya que puedes utilizarla para lograr este efecto impactante en el que las letras están conformadas por la imagen de fondo. Y lo mejor de todo, es que tan sólo bastan unas pocas lineas de código. Seguir leyendo

16/nov/10, 08.31 Morton 5 comentarios

CSS | mobile | logo

¬ŅColocar tu logo como img, como background o como h1?

htmlHa habido mucho debate por esta sencilla pero crucial cuesti√≥n. ¬ŅDebe tu logo estar colocado como una imagen entre lineas, o como h1 vali√©ndose de CSS?

En el art√≠culo que veremos a continuaci√≥n, se barajan algunos argumentos de por qu√© es m√°s conveniente utilizar la primera opci√≥n. ¬ŅSer√° suficiente para convencerte? ¬ŅPodr√° resolver de una vez por todas este intenso debate? Seguir leyendo

26/oct/10, 08.22 Morton 3 comentarios

Dise√Īo | CSS | Internet

WordPress: Cómo agregar colores a tu sidebar

wordpress_finalSeguramente has pensado a√Īadir algo de color a la barra lateral de tu tema WordPress para hacerlo m√°s √ļnico, especialmente si est√°s usando un tema libre que muchos otros sitios tambi√©n utilizan.

Hay varias maneras de lograr a√Īadir colores a tus barras laterales. En esta nota te ense√Īamos un m√©todo muy efectivo. Seguir leyendo

10/nov/09, 09.04 Micaela Comentar

Dise√Īo | Twitter | background

Cómo personalizar tu página de perfil en Twitter

twitter128x1281Tu p√°gina de perfil de Twitter es el √ļnico lugar en que tienes la oportunidad de mostrar tu marca visual y comunicar aquella informaci√≥n adicional que puede durar m√°s que un tweet.

Si has decidido crear tu cuenta en Twitter, te resultar√° muy √ļtil tener en cuenta las siguientes t√©cnicas y consejos que otros dise√Īadores han desarrollado para crear p√°ginas Twitter verdaderamente bonitas y sorprendentes.

Seguir leyendo

19/oct/09, 13.36 Micaela 14 comentarios

Trucos | CSS | background

CSS3: Cómo darle estilo a una lista usando un solo píxel

css3Una imagen de fondo de un sólo píxel puede ser algo muy versátil. Con repeat-x puede ser una línea horizontal, repeat-y hace una línea vertical y repeat la transforma en un color relleno.

Simplemente como una prueba divertida del concepto, podemos utilizar esto para crear una lista ordenada con subdvisiones. En esta nota te contamos cómo utilizar esta herramienta de CSS para lograrlo. Seguir leyendo

08/oct/09, 09.04 Micaela Comentar

Trucos | iPhone | javascript

Truco para sombrear un enlace al cliquearlo con MooTools o jQuery

mootoolsUna de las cosas m√°s interesantes de Safari en el iPhone es que posee un efecto que hace que se oscurezca el fondo cuando se hace clic en un link. Es un detalle s√ļtil, pero acent√ļa el hecho de que una acci√≥n est√° ocurriendo.

Entonces ¬ŅPorqu√© no implementar este bonito efecto en tu sitio web? Esto se puede lograr f√°cilmente con un poco de MooTools o jQuery…¬ŅQuieres ver? Es m√°s f√°cil de lo que parece. Seguir leyendo

05/oct/09, 16.31 Micaela Comentar

Dise√Īo | microblogging | Twitter

4 tips profesionales para dise√Īar el fondo de tu Twitter

twitterCuando creas tu cuenta en Twitter verás que tu página es igual a la mayoría. Sin embargo, no es obligatorio dejar el fondo azul que viene por defecto: si editas el fondo y personalizas tu página, demostrarás que eres un usuario activo y además probarrás que no eres un spammer.

Con la creciente popularidad que est√° adquiriendo Twitter gracias a su dise√Īo, todo el mundo quiere resaltar entre la multitud. Aqu√≠, 4 consejos profesionales para tener en cuenta a la hora de dise√Īar el fondo de tu Twitter. Seguir leyendo

31/mar/09, 09.08 Micaela 3 comentarios

Dise√Īo | background | fondo

bgMaker: la mejor herramienta para crear el fondo de tu sitio

¬ŅC√≥mo seleccionas la imagen para utilizar en el fondo de tu sitio? Es muy dif√≠cil imaginarse c√≥mo se ver√° esa imagen de 12 x 12 repetida eternamente. Y aunque hay programas donde puedes utilizar esta peque√Īa imagen como pattern, el sitio bgMaker es y ser√° tu mejor opci√≥n para seleccionar o crear el fondo de tu sitio en s√≥lo unos segundos. Seguir leyendo

09/nov/07, 12.25 Alejandra 4 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder