elWebmaster.com

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 11 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 2 comentarios

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