• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

20 de junho de 2013

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

14 comentários:

  1. Eu já conhecia essa pagina! Essa ilustradora é simplesmente linda *w* amo os seus trabalhos >.<

    Kissu ~♥ || Pankax&Pankadax

    ResponderExcluir
  2. Oi queria me afiliar, amei o tuto, passa la no blog e responde, beijos!!
    http://meniinasapeca.blogspot.com.br/

    ResponderExcluir
  3. Amei o tuto, bastante útil e fica super fofo.

    Beijos.

    ResponderExcluir
  4. Muito legal ^^ Amei o blog, ele é lindo!!! Seguindo já essa belezura ahaha! Beijooos

    http://goods-sweets.blogspot.com.br/

    ResponderExcluir
  5. Olá, sou a Letícia dona do Vida de uma SONE e gostaria de me afiliar ao seu blog. Será que seria possível? Peço que me contate pelos comentários do meu blog ou através do email contatovdus@hotmail.com
    Fico no aguardo!
    http://vidadeumasone.blogspot.com.br/

    ResponderExcluir
  6. não conhecia a página, eu gosto da Desenh4ndo, lá os desenhos são enviados pelos leitores e os desenhos são lindos!
    E o tutorial é ótimo!
    Pequena Garota

    ResponderExcluir
  7. Que legal , eu fiz um theme free e queria algo diferente no "welcome" ai eu vim pra ca e como sempre foi muito util meio que Deu um charme , e mesmo eu adoro ler tutorias de html ♥ eu favorito sempre kkkk então Megan , eu mudei de theme ( ou voce ou outro postador ou quem tiver tempo ) poderiam me dar a honra das sua opiniões ? kkkk :) serio , eu não tenho vindo aqui por falta de tempo mesmo ( adoro o blog , vish escrevi demais kkk )

    http://quaseprincipa.blogspot.com.br/

    ResponderExcluir
  8. Não conhecia a página u-u
    O tutorial é muito legal!
    ~Kissus ♥

    HTML Thing - HtmlThing.Blogspot.Com

    ResponderExcluir
  9. Adorei essas bordas, super diferentes e lindas *-*
    A page é muito legal, amo MUITO a pagina Desenhando (acho que muitos conhecem) é muito boa lá!
    E MUITO obrigado por atender meu pedido estarei esperando pelo post ansioso!

    XOXO :D
    jovenclube.blogspot.com.br

    ResponderExcluir
  10. Parabéns pela meta! <3
    As ilustrações são realmente muito bonitas, adoro esse estilo de ilustração *uu*

    E esse tutorial é muito útil, as imagens ficam mais fofas com bordinhas ^3^'

    Chu ~ ♫
    toxic-yue.blogspot.com

    ResponderExcluir
  11. Adorei as ilustrações da Nancy, são lindas e delicadas ^-^
    O tutorial é legal só que não uso se não, não conseguirei dar espaço entre o texto e o icon ;/

    Beijos ;* | Eu Amo HTML | {euamohtml.blogspot.com}

    ResponderExcluir
    Respostas
    1. Ah que bom que gostou, verdade, o texto fica somente ao lado da imagem :)

      Excluir