Guia para formatação das matérias da printf

guia.md

Autoria:

<p class="autoria">
    Por: <a title="Fulano" target="_blank" href="http://www.comppet.ufu.br/content/petianos/x">Fulano</a>
</p>

Títulos:

Use o h2 para subtítulos da matéria, se precisar destacar mais um título dentro do subtítulo use o 'h3' normalmente

<h2>
    <font color="#c9040a"> Subtítulo </font>
</h2>

Texto:

Use texto com alinhamento justificado

<p align="justify">Lorem Ipsum</p>

Código:

A formatação do código é feita usando google-code-prettify. Dê uma olhada no README.

<pre class="prettyprint">
    <code class="lang-bsh">$ sudo apt-get update && sudo apt-get install synaptic</code>
</pre>

Imagens:

Para posicionar as imagens use um dos estilos:

• imgD - Lado direito da matéria
• imgE - Lado esquerdo da matéria
• imgC - Centro da matéria

Coloque sempre uma legenda para a imagem, a lengenda é um simples 'p'. Se a imagem não for de sua autoria coloque um link para o site de onde vc a tirou

<div class="imagemMateria imgC">
    <img width="" height="" title="tituloDaImagem" alt="tituloDaImagem"
         src="sites/default/files/uploads/restoDoCaminho"/>
    <p>tituloDaImagem</p> [<a title="" target="_blank" href=""></a>]
</div>

Referências:

<h4 align="right">Referências:</h4>
<p align="right" >
    <a target="_blank" href="http://www.google.com">google.com</a><br/>
    <a target="_blank" href="http://www.youtube.com/watch?v=4XpnKHJAok8">youtube.com</a>
</p>

BOa yassin!

Copy-paste para os preguiçosos (tudo isso em um lugar só):

<p class="autoria">
    Por: <a title="Fulano" target="_blank" href="http://www.comppet.ufu.br/content/petianos/x">Fulano</a>
</p>

<h2>
    <font color="#c9040a"> Subtítulo </font>
</h2>

<p align="justify">Lorem Ipsum</p>

<div class="imagemMateria imgC">
    <img width="" height="" title="tituloDaImagem" alt="tituloDaImagem"
         src="sites/default/files/uploads/restoDoCaminho" >
    <p>tituloDaImagem</p> [<a title="" target="_blank" href=""></a>]
</div>

<h4 align="rigth">Referências:</h4>
<p align="right" >
    <a target="_blank" href="http://www.google.com">google.com</a><br/>
    <a target="_blank" href="http://www.youtube.com/watch?v=4XpnKHJAok8">youtube.com</a>
</p>

muito boa essa iniciativa ai!