Archivos en la categoría ‘Css’

40 Menú de navegación

Las teorías dicen que a la hora de diseñar un sitio se comienza por la diagramación de los contenidos, y una vez que tenemos listo esto los podemos dividir en secciones o paginas a las cuales accederemos por un menú de navegación. El menú es una parte importante del sitio ya que como dije antes, es por medio de este, que le daremos acceso o guiaremos a nuestros usuarios (dependiendo del tipo de navegación que elijamos) a nuestros contenidos.

Les dejo una recopilación hecha por Pro Blog Design en donde linkean a sitios donde podrán ver creativos menús de navegación para que puedan inspirarse y armar el propio.

Link: 40 Creative Navigation Menus

Hay 1 Comentario | Escrito en » Css, Inspiración

9 Técnicas para sustituir texto por imágenes con CSS

La sustitución de imágenes con CSS es una forma de sustituir textos de nuestro sitio por imágenes. Un ejemplo de esta técnica seria poder reemplazar el <h1> de nuestro sitio por nuestro logo sin perder los beneficios en cuestiones SEO.

Un ejemplo de esto sería

 
<h1 id="logo">  
<span> Intenta </span>  
</h1>

Y el CSS

 
h1#logo {
   width: 250px;
   height: 25px;
   background-image: url(logo.gif);
 }
 
h1#logo span {
   display: none;
}

En CSS Tricks publican 9 tecnicas para sustituir texto por imágenes con CSS

Hay 2 Comentarios | Escrito en » Css

Lata de CocaCola giratoria con CSS

Las propiedades del CSS y la gente que tiene el don de combinarlas creativamente no dejan de sorprenderme. Román Cotés es una de estas personas tremendamente hábil con el uso del CSS y en su blog publica algo que muestra este talento.

Mezclando las propiedades del CSS1 background-attachment y background-position, pudo crear un mapa de desplazamiento para hacer que una imagen gire como si fuese en 3d. Esto no tiene ni media línea de javascript ni de otro lenguaje, es solamente habilidad y css.

Pueden ver este excelente trabajo en su blog, donde publico otras cosas muy interesantes como este efecto de luz en las imágenes, también realizado únicamente con css.

Ver demo

Deja tu comentario | Escrito en » Css

Como cambiar el color del texto seleccionado usando CSS

En esta nota vas a encontrar la forma de cambiar el color del texto seleccionado usando CSS. Muchas veces nuestros usuarios necesitan seleccionar el texto de nuestro sitio para hacer referencia en una nota, para imprimirlo o para lo que se, y cambiando el color del texto seleccionado le damos mas personalidad al sitio.

La única contra es que esta propiedad no es aceptada por IE.

::-moz-selection{
background:#C1EEFB ;color:#000
}
::selection{
background:#C1EEFB; color:#000
}


Ver demo

Hay 3 Comentarios | Escrito en » Css

Free Css: Template, menú, layouts y más

Leyendo el blog de Diego Mattei me entero de Free-Css.com, un stio relacionado a todo lo que tiene que ver con el CSS.

En este sitio podrán encontrar Template, menú, layouts, tutoriales, artículos, recursos y muchas cosas más en css. El sitio está muy bien organizado y categorizado haciendo que la navegación sea mas fácil e intuitiva.

Si estas armando tu sitio web y necesitas ganar tiempo, es aconsejable que pases por este sitio!

Link: Free-Css

Hay 1 Comentario | Escrito en » Css