Example Example  • 26.01.14 6:09

[Tutorial]diminuir imagem com CSS Empty [Tutorial]diminuir imagem com CSS 26.01.14 6:09

Olá

Tutorial Básico.

Primeiramente em sua pagina html adicione a imagem que queira.
<img src="LINK DA IMAGEM"></img>

Em seguida em cima do </head> adicione esse código:
<style type="text/css"></style>

dentro dele faça a class da imagem por exemplo:
.imagempequena {
}
Feito isso adicione na imagem a class assim:
<img src="LINK DA IMAGEM" class="imagempequena"></img>

Voltando no css adicione o "WIDTH" e "HEIGHT"

width= largura
height= altura

Ficaria assim:
.imagempequena {
width: 50px;
height: 50px;
}

Ai você escolhe a dimensão que deseja.

html pronto para testar:
http://pastebin.com/Ddgqg1Fh

Atenciosamente
Example

Dino Dino  • 26.01.14 6:17

[Tutorial]diminuir imagem com CSS Empty Re: [Tutorial]diminuir imagem com CSS 26.01.14 6:17

Olá,

Otimo tutorial, Me ajudou bastante :P obrigado por compatilhar!

Até.

ϟFisher ϟFisher  • 01.02.14 16:34

[Tutorial]diminuir imagem com CSS Empty Re: [Tutorial]diminuir imagem com CSS 01.02.14 16:34

Ou mais simples.
<sttyle>
img {width:50px;height:50px;}
</sttyle>

ou <img src="imagem.formato" sttyle="width:50px; height:50px;" />

Example Example  • 12.02.14 23:05

[Tutorial]diminuir imagem com CSS Empty Re: [Tutorial]diminuir imagem com CSS 12.02.14 23:05

ϟFisher escreveu:Ou mais simples.
<sttyle>
img {width:50px;height:50px;}
</sttyle>

ou <img src="imagem.formato" sttyle="width:50px; height:50px;" />

Olá

O meu ta completo e profissional :alie:

Atenciosamente
Example

Conteúdo patrocinado  • 

[Tutorial]diminuir imagem com CSS Empty Re: [Tutorial]diminuir imagem com CSS

Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.