26.7.14

Tutorial: Moldura nas imagens com CSS + Backgrounds



Oi gente,
Amigos leitores, eu trouxe hoje um tutorial que serve tanto para gadgets com para postagens! O tuto é de como botar moldura nas imagens utilizando o CSS. Gente, é muito simples, e eu vou fazer o tutorial de dois jeitos: como botar na postagem e no gadget! Vamos começar!

Exemplo:



Legal né?

Tutorial de como botar na postagem:

  • Na hora de botar a imagem na postagem, você ira clicar em HTML em vez de Escrever.
  • Então ira copiar esse código abaixo lá:
<img src="URL DA IMAGEM" style="background: url(URL DO BACKGROUND); padding: 5px; width: 387px; height:216"/>
URL DA IMAGEM: Coloque o endereço da imagem que deseja.

URL DO BACKGROUND: Coloque o endereço da imagem que ficará no fundo.
5px: Espessura da borda aumente ou diminua de acordo com seu gosto.

width: 387px: Altura da imagem. (Deixara em um tamanho padrão, se desejar remova)
height: 216px: Largura da imagem. (Deixara em um tamanho padrão, se desejar remova)


No gadget é a mesma coisa  que você terá que colar o código no HTML/JavaScript.
----------------------------------------------------------------------------

Backgrounds:



















-P4nda

Nenhum comentário:

Postar um comentário

-Proibido brigas
-Comente se gostou da postagem
-Não comente palavrões ou comentários ofensivos
-Não comente spans e divulgação de postagens ou blogs, se não seu comentário será excluido.
-Comente a URL do seu blog para visitarmos!
-Comente no que devemos melhorar!
- Use sinais legais : ☁☀☃☂♣♥♪♫
Obrigada por comentar ;)