Liquid layout: how to customize

For those who want to customize Feevy liquid layout using their CSS stylesheet, here is the generated code when you display your feevy bar on your blog.

The header

<div id=”feevy_bar_%YOUR_FEEVY_ID%”>
<div class=”bar_content”>

A feed item

<div class=”feevy_item”>
<div class=”item_content”>
<div class=”feevy_title”>
<img src=”%feed_img%” width=40 height=40/>
<h1><a href=”%post_url%”>%post_title%</a></h1>
</div>
<div class=”feevy_content”>
%post_content%<a href=”%post_url%”>read more</a>
</div>
<a class=”blog_url” href=”%blog_url%”>%post_name%</a>
</div>
</div>

The footer

<div class=”footer”>Feevy is a free service <a href=”http://www.feevy.com”>Get yours</a></div>
</div>
</div>

5 Responses to “Liquid layout: how to customize”

  1. And now, for something completely different… » Blog Archive » Vollendam, Edam… i Feevy Says:

    […] I després de visitar la formatgeria de rigor, cap a la ciutat altre cop, a trucar un taxi que ens ha de recollir a les 4:30 (vivan los horarios de Iberia!) i cap a casa, on descobreixo que, per fí, Feevy ja és online!! Podeu consultar el seu blog en espanyol, i si teniu ganes de practicar la llengua de l’imperi, la versió anglesa. De moment ja tinc el meu usuari i el meu blogroll fets i, a la barra de navegació a la dreta, hi podeu veure el resultat. Esta posat tal i com surt amb l’estil “liquid”, ja que l’estil classic en negre surt una mica dels marges. Tot i aixo, quan arribi a casa ho posaré tot ben maco. […]

  2. Bitacora de feevy » Blog Archive » El misterio de los títulos invisibles Says:

    […] Feevy utiliza una etiqueta h1 para los títulos de los posts que enlaza y el conflicto entre hojas de estilos suele estar ahí, pero también podrías encontrarte con que está definida una clase o una id que afecta al área donde está feevy con el fatídico display:none;. […]

  3. Monja guerrillera Says:

    Como le cambio el fondo negro y el ancho de la columna?

  4. Monja guerrillera Says:

    Donde se pone ese codigo del liquid?

  5. David Says:

    Hola! Tienes que ponerlo en la hoja de estilos. Como usas blogger la tienes en

    Plantilla>>edición de html

    Ahí te vas a cualquier lado de la hoja de estilos, por ejemplo debajo de donde pone

    /* Sidebar Content
    ———————————————– */

Leave a Reply