CSS: Escribe tu nombre sin escribirlo!

Después de leer el artículo Formas divertidas con CSS [en] de NETTUTS, se me han venido a la cabeza un montón de formas para crear. Es una lástima no tener más tiempo para poder jugar un ratito con esto, pero se me ha antojado trastearlo un poco y al final he sacado mi nombre xD Es una forma divertida de conocer un poquito más las oportunidades que nos dan los estilos. Flickr: Letras con css ↑ Haz click sobre la imagen (o aqui) para ver el ejemplo en css. Lo he hecho de forma muy cuadriculada, también se podría hacer…

Leer más

CSS: ¿Qué es un layout?

Layout: Término inglés con el que se conocen en diseño los bocetos o maquetas bien acabados que sirven para presentar una campaña publicitaria. Es la ordenación y colocación de todos los elementos que componen una página web. A la hora de realizar los diseños hay que tener en cuenta que un layout claro permitirá una navegación mucho más fácil y eficiente. Es importante tener el boceto / layout de nuestra web ya definido antes de ponernos manos a la obra, saber si vamos a agrupar el contenido en una sola columna, en dos, en cinco.. si va tener un ancho…

Leer más

Genera contenido en tu web con CSS y la propiedad ‘content’

Recuerdo un día que me volví loca buscando entre un matojo de código un carácter » o un &raquo; que me aparecía justo delante de todos los elementos de listas (<li>), por más que buscaba entre el html, el php, el javascript,.. nanai. Pero cuál fué mi sorpresa cuando aplicando estilo a la web (ya habiendome dado por vencida) me apareció una propiedad que no conocia: content. Y junto a ella el símbolo ». ¡Aleluya! Ahí es donde nacía mi amiguito… Y dicho todo esto, os cuento lo que os interesa xD Hay una forma de añadir texto a nuestra…

Leer más

CSS específico para impresión, pantalla, móviles, etc.

De nuevo me topo con un problema y os cuento la solución para intentar solucionaros un poquito la vida (o la maquetación, mejor dicho) :) Estoy haciendo una web en la que el usuario debe imprimir una página con datos, pero claro, cuando el usuario le da al botoncito imprimir ( <a href=»javascript:window.print();» title=»imprimir»>imprimir</a> ) se imprimen los datos y el resto de floripondios que tiene la web, por lo que le hacemos gastar tinta innecesaria (que hay que ahorrar!). La primera solución que encuentro es que el botón imprimir se direccione a otra página que tenga sólo los datos…

Leer más

CSS: Mis manías aplicando estilos

Me he dado cuenta de que tengo muchísimas manías a la hora de trabajar con las css, y cómo me ha hecho gracia, las escribo a continuación para ver si alguien coincide con alguna o para quién quiera tomarlo cómo meme y poner las suyas en su blog ;) 1.- Tengo que poner el estilo en horizontal y en la misma linea, nada de cada estilo en un renglón! 2.- No puede haber separación entre los dos puntos y la siguiente palabra. 3.- Entre las llaves y el texto tiene que haber un espacio de separación (uno solo, no uno,…

Leer más