Bordas em imagens do Welcome

834 seguidores, valeu choconerds!

Olá gente, tudo bem com vocês? 

hoje queria dar uma dica de uma página para vocês curtirem, essa aqui (www) para quem ama desenhos, como eu, a ilustradora Nancy tem muito talento além de desenhar perfeitamente com traços delicados, ela ilustra algumas de suas fotos, que por sinal, são super bem tiradas, e ela é bem bonita.

Estou muito feliz pois hoje fizemos parceria com o blog (www) de minha amiga Layla. Mais agora, vamos ao assunto do post, bem, o Matheus do J.C (www) me pediu um tutorial de dicas de fontes como as do A.N, logo assim que puder postarei ^^' 

Mais hoje trouxe um pedido enviado na C-Box pela Priscila, ela falou para eu ensinar a fazer as bordas da imagem de nosso 'welcome', aqui (www) um preview, não liguem para a podridão do blog,  é só de visualização hehe.

Basta colar esse código em um HTML/Javascript:

<img src="http://25.media.tumblr.com/tumblr_m5grgu4FV11r0pnbfo9_250.png" width="70" class="border3" align="left" style="border: 4px double rgb(181, 202, 155); opacity: 0.8; transition: 0.6s; -webkit-transition: 0.6s; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: justify; padding: 1px;" />

- Adicione quantos quiser para cada imagem, no caso do A.N, usei a borda double, mais como no exemplo, você podem usar solid, dashed, dotted... e podem alterar a largura da borda mudando o que está destacado de roxo, mude também a imagem que está em itálico.

- Para mudar as cores, você irá precisar de uma tabela em cores rbg, aconselho a usar essa (www) 

Mude as cores entre parênteses, o que está destacado de azul.

Espero que tenham gostado do tutorial super simples de hoje :3