Do you like here?[...]
{ on}
Thought and soul
Just take me away...
Theme by thoughtahdsoul
don't copy
Home
about
texts
ask
themes
permalink
reblog

. 22 December, 2011
12:59 am

Tutorial Crazy Borders

Vou explicar como fazer esse tipo de borda que usei aqui:

O código principal é o -moz-border-radius / border-radius, mas eu vou falar das 2 formas que existem de fazer o código funcionar. Ambas estão aqui. Coloque a que preferir antes de </style>.

No primeiro código a div está feita como fundo da imagem, você pode mudar os valores de background (cor ou imagem) e padding (o quanto a borda ficará grossa). E, para usar, basta colocar a imagem que você quer e a class dentro:

<img src=”link da imagem” class=”crazyborder1”>

No segundo código está como borda e você pode alterar os valores de px (o quanto ficará grosso, #000 (cor) e solid (tipo de borda). Se você quiser saber mais sobre bordas vá neste tutorial. Para usar este código, basta fazer da mesma forma citada anteriormente, mudando a class, que ficará assim:

<img src=”link da imagem” class=”crazyborder2”>

Dica: você pode mesclar os 2 códigos e colocar bordas duplas e até triplas, só usar a criatividade! :D

Descobri esse código sozinha, sem ajuda de tutorial algum.

Mas vou por esse link igual, pelos valores do código, já que fizeram antes.

Se usar, credite.

(thoughtandsoul)

172 notes
tutorial ,

  1. caro-cox reblogged this from thoughtandsoul