css
Los frijoles asesinos están muy buenos a la plancha y con jamón .

Elige tu estilo:

  • Prefiero a Squidge...
  • ¡Me quedo con Wallace!
  • ¿Y qué hay de Spritz?
  • Definitivamente, Nola.
  • Yo soy pro-Roger.

    • Etiquetado como: ‘css’

    Cambiar css con javascript

    Jueves, Mayo 28th, 2009

    Otra de las cosas que acabo de añadir al blog es la posibilidad de cambiar el css dinámicamente usando un par de librerias javascript, además, una cookie guarda el estado para que cada vez que abras de nuevo la página se mantenga el último estilo elegido.

    El código es tan sencillo como casi todo en jquery, solo tienes que añadir a la cabecera los “alternates” de los diferentes css e importar tanto jquery como el plugin de este modo:

    ?Ver código HTML
    1
2
3

    	<link rel="alternate stylesheet" type="text/css" href="nuevoEstilo.css" title="nuevoEstilo" media="screen" />
<script type="text/javascript" src="/wp-includes/js/styleswitch.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery.js"></script>

    El atributo “title” es lo que usará el javascript para identificar los css.
    (más…)

    Etiquetas: , , , ,
    Dentro de css, destacado, javascript, jquery | Sin comentarios »

    El diseño de la semana(1)

    Miércoles, Mayo 27th, 2009

    Comienzo con una nueva sección que se llamará “El diseño de la semana” y es sencillamente eso, un diseño que me haya llamado la atención cada semana. Sin más, el primero:

    Diseño de la semana 1

    MauricioCastillo.com

    Etiquetas: , ,
    Dentro de diseño de la semana, web | Sin comentarios »

    Css Reset

    Miércoles, Mayo 27th, 2009

    Si habeis estado por aquí antes, ya deberíais saber la distinta interpretación que hacen los navegadores de las propiedades css. Además de esto, cuando omitimos una propiedad cada navegador toma las que tiene por defecto, con lo cual el aspecto puede variar de unos a otros.
    El lado bueno es que dada la naturaleza del lenguaje css podemos lidiar con estos problemas fácilmente.
    Cada vez que modificamos una propiedad, el css la actualiza, sobreescribiendo el valor que le habiamos dado anteriormente, es decir, la última modificación es la que prevalece. Veámos un ejemplo para entenderlo mejor:

    ?Ver código CSS
    1
2
3
4
5
6

    body{
margin-left:10%;
margin-right:20%;
 
margin-left: 30px;
}

    (más…)

    Etiquetas: , , , ,
    Dentro de css, diseño | Sin comentarios »