Algunos condicionales css que suelo usar…

Bueno, mientras trabajaba con el css de un cliente, se me ocurrio escribir este post... Muchas veces los diseñadores web nos encontramos con problemas de diversos tipos a la hora de maquetar una web por medio de css ( hay problema con los navegadores, los margenes no son los mismos, las medidas no se respetan, etc. etc. ). Tenemos distintas alternativas para eludirlos: muchos recurren a los Hacks (por medio de scripts), otros simplemente crean un nuevo css para un bronwser en especifico y otros (como yo) usamos "condicionales", condicionales? sip, o por lo menos asi los llamos yo :P


Por ejemlpo, tenemos un "margin: 0 0 10px 15px;" y en IE6 el margen se deforma y se hace un poco mas largo, ¿que podemos hacer entonces?:

PLAIN TEXT
CSS:
  1. #div {
  2.         margin: 0 0 10px 15px;
  3.         _margin: 0 0 5px 15px;
  4.        }

Por medio del guión bajo ( _ ) le indicamos al css que solo nos estamos refiriendo a internet explorer 6 por lo tanto, todos los atrivutos que especifiquemos con un guion bajo adelante, nada mas seran atribuidos a IE6...


¿Que pasaria si el problema de margenes no solo esta en IE6, sino tambien en EI7?

PLAIN TEXT
CSS:
  1. #div {
  2.         margin: 0 0 10px 15px;
  3.         *margin: 0 0 5px 15px;
  4.        }

Con un simple asterisco (*) por delante del atributo, el css entiende que solo nos estamos referiendo a IE6 e IE7, sip ambos navegadores.


y... ¿si el problema esta solo en IE7?

PLAIN TEXT
CSS:
  1. #div {
  2.         margin: 0 0 10px 15px;
  3.         *margin: 0 0 5px 15px !important;
  4.        }

A traves del asterisco (*) al inicio y el "!important" al final, nos referimos unicamente al IE7


También podemos conbinar los condicionales si queremos atribuir distintos valores a los distintos browsers, por ejemlpo:

PLAIN TEXT
CSS:
  1. #div {
  2.         margin: 0 0 10px 15px;
  3.         *margin: 0 0 5px 15px;
  4.         *margin: 0 0 7px 15px !important;
  5.        }

De esta forma 10px de margen inferior sera para Firefoxs, 7px sera para IE7 y 5px sera para IE6...


y por ultimo, si solo queremos modificar algun atributo solo en Firefoxs, haremos lo siguiente:

PLAIN TEXT
CSS:
  1. #div {
  2.         margin: 0 0 10px 15px;
  3.         margin: 0 0 5px 15px !important;
  4.        }

Con el "!important" al final, se entiende que solo hablamos de Firefoxs...



more

Permanent Link
Lucas
February 6th, 2008
1 comentario

Vectorizamos en flash?

¿Por qué Flash es tan desprecesiado o dejado de lado a la hora de hacer trabajos vectoriales?... yo no estoy de acuerdo con esto, y les voy a mostrar porque en este tutorial:
show

more

Permanent Link
Lucas
December 13th, 2007
7 comentarios »

Farlow Studios

Farlow Studios es uno de los mejores equipos de diseño que conozco en la web, su estilo es único... su tecnica es esepcional y cada trabajo es mejor que el otro... su portafolio es enorme, en el podremos observar muchisimos trabajos de alta calidad, la mayoria de ellos son figuras femeninas (podriamos decir que el 95%), igualmente las figuras masculinas no estan para nada mal.
Otra cosa que me gusta de este equipo es que posen una seccion de tutoriales en donde nos enseñen su tecnica, SI escucharon bien "nos enseñan su tecnica", un foro de arte, una seccion de descargas y muchas cosas que valen la pena ver.Farlow Studios
aqui les dejo el link a su galeria en devianart:
enlace

Permanent Link
Lucas
December 12th, 2007
0 comentarios

Insertar propaganda entre post con 2 lineas de código

Por lo general para lograr este resultado usaba un plugin muy efectivo por cierto, pero que era un poco pesado. Ayer, leyendo un poco el codex de wordpress y experimentando con el loop de los post y demas, me di cuenta que podemos añadir las propagandas entre los post de una forma muy facil. les dejo el código y luego explico:

PLAIN TEXT
PHP:
  1. <?php if (have_posts()) : ?>
  2. <?php while (have_posts()) : the_post(); $propaganda++; ?>
  3.  
  4. /* TODOS LAS COSAS DEL POST*/
  5.  
  6. <?php if ($propaganda <= 1) { include (TEMPLATEPATH . '/ads01.html'); } ?>
  7. <?php endwhile; ?>

more

Permanent Link
Lucas
December 6th, 2007
4 comentarios »

Botones animados y con sonido en flash

Hace mucho tiempo que tenia ganas de hacer algún tutorial de Flash y que mejor ocasión de que esta no?... jeje, bueno les comento que en este tutorial tratare de enseñarles a crear botones animados parecidos a estos:

This movie requires Flash Player 8

Quizás el tutorial se vea un poco difícil, pero que no cunda el pánico! es mucho mas fácil de lo que ustedes piensan, y les aseguro que seré lo mas explicativo (existe esa palabra? :P) posible para que hasta el mas nuevo en flash pueda seguirlo.
more

Permanent Link
Lucas
November 28th, 2007
12 comentarios »
Page 2 of 5«12345»