Distinto CSS para cada Navegador

Un día tuve que buscar una solución para un diseño que estaba armando. El problema era que en Google Chrome se veía mal mi diseño, pero en IE y Firefox se veía sin problemas, la solución que encontré fue la siguiente:

CSS Browser Selector, un excelente script que nos permite utilizar distinto CSS en cada navegador.

Dependiendo del navegador podremos utilizar distintos diseños y lo único que necesitamos es agregar un script a nuestra página.

Copia y pega el siguiente código dentro de <head> y </head> de tu  página:

PLAIN TEXT
<script type='text/javascript' src='http://blooging.googlecode.com/files/css-selector.js'></script>

Modo de uso:

En este ejemplo usaremos el div #nav.

CSS distinto en Google Chrome:

PLAIN TEXT
.chrome #nav {aquí tus estilos}

CSS distinto en Opera:

PLAIN TEXT
.opera #nav {aquí tus estilos}

CSS distinto en Safari:

PLAIN TEXT
.webkit #nav {aquí tus esilos}

Es muy simple de aplicar y no necesita mayor conocimiento, sólo debemos agregar un "class" antes de cada "div" que queramos cambiar, en nuestra hoja de estilos.

Puedes ver más ejemplos en la web oficial:

Enlace: CSS Browser Selector

Publicado el: 03/04/2010
Publicado en la Categoria: CSS
Publicado en la Categoria: JuanK
Este post tiene: 9 Comentarios »

Post Similares


Nuevas cosas en el Blog

Desde hace tiempo que he venido haciendo cosas, experimentos y demás cosas para mejorar en todo lo que pueda el blog, esta vez he hecho algunas cosas que tal vez sean útiles.

El cambio más importante que he hecho estos días fue el cambio de hosting, que al parecer está dando resultados.

Ahora las cosas nuevas del momento:

  • Versión móvil del blog: creé una versión móvil del blog usando el servicio de MoFuse (gratis). Pueden entrar desde este enlace: http://m.blooging.net. Si entran desde un celular al blog de forma normal, serán redireccionados a la versión móvil. Desde el PC no se ve bien, pero pueden verlo desde: Opera Mini Demo.
  • Twitter del blog: hasta el momento el enlace hacia twitter que hay en el header iba hacia mi cuenta personal, ahora los llevará a la cuenta exclusiva del blog. Ahí encontrarán los últimos posts, enlaces recomendados y si pasa algo en el blog, servirá para informaciones.
  • Los scripts que usamos: esto es algo que quise hacer para evitar usar ancho de banda innecesario, pero cualquiera puede usarlos. Cuando publique algún script podrán usar el enlace directo desde Google Code.

Creo que es es todo, espero que nos me sigan desde twitter ;)

Publicado el: 28/03/2010
Publicado en la Categoria: Blog
Publicado en la Categoria: JuanK
Este post tiene: 7 Comentarios »

Post Similares


Alojar scripts en Google Code

Una forma de evitar sobrecargar tu hosting con tus propios archivos es subirlos a un servidor externo, el problema está en que no podemos confiarnos completamente de terceros, pero si se trata de Google ¿confiaremos?. Yo confío y es por eso que alojo mis scripts en Google Code.

Publicado el: 18/03/2010
Publicado en la Categoria: Asides
Publicado en la Categoria: JuanK
Este post tiene: 4 Comentarios »

Post Similares


Romper Iframes [Script]

Mientras me daba una vuelta por ForoBeta me encontré con un script que nos permite eliminar cualquier iframe, como por ejemplo, en los resultados de busqueda en las imágenes de google. Al entrar a una imágen se muestra una barra blanca, con el enlace hacia la imágen, pero aunque se cargue nuestro sitio, no nos envía visitas.

Bloquear Iframes [Script]

Para arreglar esto podemos implementar un script que nos elimine ese iframe, de tal forma que las visitas se vean obligadas a entrar a nuestro sitio.

Este código lo agregaremos dentro de las etiquetas <head> </head> (según los usuarios de ForoBeta deberíamos agregarlo justo debajo de <body>, pero al hacerlo se demora más en cargar el script y es una molestia para los usuarios. Ya probé que  funciona perfectamente dentro de <head>, no se preocupen)

PLAIN TEXT
<!--Romper Iframes-->
   <script type="text/javascript"><!--
   if(top.location!=this.location) top.location=this.location;
   //--></script>

Podrán sacarle mucho provecho si reciben hartas visitas desde Google Images, ya que ahora todas las visitas entrarán a nuestro sitio por obligación ;)

Espero que les sea igual de útil que a mí.

Publicado el: 20/09/2009
Publicado en la Categoria: SEO
Publicado en la Categoria: JuanK
Este post tiene: 8 Comentarios »

Post Similares


Página 1 de 41234