Macgrafic - Tutoriales InDesign, Photoshop y fotografía. Vectorizar logo » Hacks http://www.macgrafic.com MacGrafic - Tutoriales InDesign, Photoshop, Freehand, illustrator y fotografía Fri, 09 Dec 2011 21:13:52 +0000 en hourly 1 http://wordpress.org/?v= Gigantesco recopilatorio de recursos CSS http://www.macgrafic.com/gigantesco-recopilatorio-de-recursos-css/ http://www.macgrafic.com/gigantesco-recopilatorio-de-recursos-css/#comments Fri, 21 Aug 2009 22:23:16 +0000 Macgrafic http://www.macgrafic.com/?p=1177 CSS es una parte clave para los diseñadores gráficos y los desarrolladores web que quieran controlar el diseño gráfico de sus themes o templates. CSS no es un código muy difícil, pero a su vez es un muy potente si se sabe controlarlo.
Si quieres saber como poder controlar y sacar el mayor provecho al código CSS, TripwireMagazine ha compartido un gigantesco recopilatorio de recursos CSS nunca visto.

Enlace (Inglés): Gigantesco recopilatorio de recursos CSS

]]> http://www.macgrafic.com/gigantesco-recopilatorio-de-recursos-css/feed/ 0 Hack CSS para Internet Explorer 6 y 7 http://www.macgrafic.com/hack-css-para-internet-explorer-6-7/ http://www.macgrafic.com/hack-css-para-internet-explorer-6-7/#comments Tue, 28 Jul 2009 09:29:02 +0000 Macgrafic http://www.macgrafic.com/?p=1116 Explorer… que os tengo que decir del dichoso Explorer… pues que para los diseñadores gráficos es un verdadero “enemigo”. Digo “enemigo” porque nos hace trabajar y rompernos la cabeza más de la cuenta.
Tenemos unos cuantos hacks en css que nos pueden hacer la vida un poco mas fácil y que nuestros diseños se vean igual en Firefox como en Explorer.

1. Un hack conocido es el de colocar un asterisco delante de la propiedad CSS y así sólo será reconocida por Internet Explorer 6 y 7. En este ejemplo podemos ver que todos los navegadores (Firefox, Safari, Opera, etc) se verá el fondo blanco y en Explorer 6 y 7 se verá de color negro.
[css]
body {
background: #fff; /* Todos los navegadores */
*background: #000; /* IE6 e IE7 */
}
[/css]

2. Otra opción es el uso de !important que también se puede utilizar para diferenciar los estilos css y es aceptado por Firefox, Explorer 7 y los diferentes navegadores, pero no por Explorer 6.
Así que, IE6 no utilizará las propiedades con !important. Este hack si que valida el css.
[css]
body {
background: #fff !important; /* Firefox, IE7 y los demás */
background: #000; /* IE6 y anteriores */
}
[/css]

3. Podemos combinar los tres posibles hacks para dar la misma propiedad a 3 navegadores diferentes.
[css]
body {
background: #fff !important; /* Firefox y los demás */
*background: #000 !important; /* Sólo IE7 */
*background: #ccc; /* Sólo IE6 */
}
[/css]

]]> http://www.macgrafic.com/hack-css-para-internet-explorer-6-7/feed/ 0