Ilustrações

Oi, gente! Hoje vou postar algumas imagens lindas que eu encontrei por aí. Amo ilustrações desse tipo, sempre procuro por elas no We♥It (é só procurar pela tag "Illustration" )! Uma coisa legal é que dá pra tirar o fundo delas e usá-las no cabeçalho do blog. Eu mesma já fiz isso em encomendas, fica lindo. Clique em "Leia Mais" para ver todas elas.

Como colocar assinatura com imagem no final dos posts

Oi, gente! Lá vou eu pedir desculpas mais uma vez pela demora nos posts. Realmente ando sem inspiração, portanto, se você tiver alguma sugestão deixe por comentário, email ou pela caixinha que eu coloquei na sidebar, ok?

Essas assinaturas são muito úteis, principalmente para blogs que possuem equipes. Com elas, cada autor recebe um crédito maior pela sua postagem. São muito fáceis de aplicar, mas o tutorial é diferente para cada caso, confira:

1º Faça sua assinatura e hospede-a no Imageshack ou em qualquer outro site;

2º Vá em Design, depois em Editar HTML e marque a caixinha "expandir modelos de widgets";

3º Agora dê Ctrl+F e procure por:

<div class='post-footer'>

Se for só você que posta no blog, cole logo acima dele o seguinte código:

<div align='right'>
<img src='URL da Imagem' style='border:0px;'/></div>

Coloque a url da sua imagem na parte destacada do código. Depois visualize, se aparecer tudo certinho, salve.

Se mais autores postam no blog, o código é esse:

<div align='right'><b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR1&quot;'>

<img src='URL da assinatura do 1º autor' style='border:0px;'/>

</b:if>

<b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR2&quot;'>

<img src='URL da assinatura do 2º autor' style='border:0px;'/>

</b:if></div>

Faça as alterações nas partes destacadas. Depois visualize, se aparecer tudo certinho, salve. 

Alguma dúvida? Qualquer coisa é só perguntar. Beijos.

Brushes III

Mais uma leva de pngs pra vocês! Lembrando: pngs são imagens com fundo transparente. Ideais para serem usados em cabeçalhos. Espero que gostem.

Mapeando facilmente uma imagem

Oi, gente! Nossa, me perdoem pela demora nos posts. Vou tentar ser mais frequente daqui pra frente, prometo.

Mapear uma imagem sempre foi a maior dor de cabeça, pelo menos pra mim. Mas recentemente conheci um site muito bom, o Image Maps. A ferramenta perfeita! Tá a fim de aprender a usar?

Suponhamos que você queira mapear esse menu:

1º Passo: vá até o site: http://www.image-maps.com/;

2º Passo: faça o upload da imagem;

#Fast Tutorial - Coloque uma largura máxima nas suas imagens

Oi, gente! Essa é uma nova tag que eu criei para o MN. Sabe aqueles probleminhas aparentemente difíceis de resolver? Então, na maioria das vezes eles podem ser resolvidos com truques básicos. E são exatamente esses truques - rápidos e fáceis de fazer - que eu pretendo postar nessa tag.

Como vocês devem saber, mudei o lay do MN recentemente. Ao diminuir a área dos posts - antes ela era bem maior - me deparei com um problema: as imagens ficavam "pulando" da página. E eu teria que ir post por post para diminuí-las, uma de cada vez. Mas lembrei de um código e com ele resolvi isso rapidinho. Se você passa pelo mesmo problema, presta atenção nesse tutorial super prático:

1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

]]></b:skin>

2. E ANTES dele, cole:

.post img, table.tr-caption-container {
padding:4px;
max-width:480px; }

Aí você só precisa editar o número destacado em vermelho de acordo com a largura da área dos posts do seu blog. Recomendo que você coloque 40px menor. Exemplo: aqui no MN, a área dos posts é de 520px então eu coloquei como largura máxima das imagens 480px.

É isso, gente. Tava sem ideia pra post e pensei que esse tutorial pudesse ser útil. Espero que seja mesmo! Beijos.