Categoría: html
A punto de mudarme.

Elige tu estilo:

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

    • Archivo de la Categoría: ‘html’

    Separando nuestros posts

    Domingo, Junio 7th, 2009

    Continuamos añadiendo elementos de diseño a nuestro blog, en este caso una sencilla separación entre las entradas que puede resultar vistosa si se hace adecuadamente.

    El proceso y el código en este caso es muy fácil, solo debemos añadir la imagen que queremos en la carpeta “images”(o la que querais) de nuestro tema, buscar el css y modificar la clase “post” añadiendo esto:

    ?Ver código HTML
    1
2
3
4

     
.post{
     background: transparent url(images/tuImagen.gif) no-repeat bottom;
}

    (más…)

    Etiquetas: , ,
    Dentro de css, destacado, diseño, html | 1 Comentario »

    Estilo de las entradas en wordpress

    Jueves, Junio 4th, 2009

    Hoy vamos a aprender cómo añadir una sección de mini-posts a un blog wordpress. En realidad con lo que vamos a aprender se puede hacer muchas más cosas, el tema de las mini entradas es solo para ejemplificarlo.

    Si tienes la última versión de wp habrás notado que mientras escribes, debajo de cada entrada hay una sección llamada campos personalizados. Pues bien, esto no es otra cosa que la posibilidad de añadir meta datos a nuestras entradas. La forma en la que lo usaremos ahora, es para hacer distinción entre unos posts y otros, es decir poder identificarlos y así darles forma a nuestro gusto en el css.

    Para el ejemplo voy a añadir la siguiente sección a mi css, que consiste en una nueva clase para cambiar el aspecto de los mini-posts. Después en mi footer usaré un bucle que llame a la función de wp encargada de reproducir los posts, pero haciendo uso de los metadatos podré cambiar la clase para que se muestre de distinto modo.
    (más…)

    Etiquetas: , , , , ,
    Dentro de css, destacado, diseño, html | 1 Comentario »

    Introducción al html/css

    Miércoles, Mayo 27th, 2009

    Esta entrada está pensada para aquellos que tengais curiosidad por saber cómo funciona una página web y cuales son los elementos implicados en ello.
    Una página web no es más que un conjunto de archivos, alojados en un ordenador remoto que llamamos “servidor”.
    Cada vez que alguien se conecta a internet y accede a esa web, el servidor envia la información a nuestro ordenador que la recibe e interpreta mostrándonos como resultado la página tal y cómo estamos acostumbrados. Para leerla y entender esa información codificada, seutilizan los navegadores (firefox, ie, safari, etc)…
    La mayoria de las webs están escritas en un lenguaje muy básico llamado html. Este lenguaje se incluye entre los conocidos como “de marcas”, debido a que toda la información se agrupa en partes delimitadas por etiquetas o marcas.

    Aunque el html puede contener tanto los datos como el estilo de las páginas, actualmente se suelen separar dejando el contenido y la estructura estrictamente al html y el aspecto o diseño al css, del cual hablaremos a continuación.
    (más…)

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