Seja bem vindo ao Per Voi. Prazer, eu sou a Luh, tenho 28 anos, sou carioca e vascaína. Aqui nesse cantinho você poderá encontrar alguns materiais criados por mim e outros que fui juntando ao longo do tempo, da minha vida virtual. Espero que aproveite bem tudo que estou disponibilizando.
Luh Princess
002.gif)
752 Visitas
Esse código, foi baseado no meu Tema Base 1.1
Serve para que as suas imagens fiquem todas com a mesma borda.
Imagem sem a Borda.
Imagem com a Borda.
O Código abaixo, class="borderimage", você aplicará em todos os endereços de imagens, que desejar que a borda apareça.
<img src="http://www.suaimagem.jpg" class="borderimage" />
Configure o código, de acordo com a sua preferência.
Se você deseja conhecer as opções, é só dar uma olhadinha em : Atributos do CSS.
No style.css você poderá configurar através de:
/***************** BORDA NAS IMAGENS *****************/
.borderimage{
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-color: #FBD9E6;
border: 5px solid #F7AFCA;}
.borderimage{
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-color: #FBD9E6;
border: 5px solid #F7AFCA;}
Se você desejar colocar uma imagem, como fundo do background, use:
/***************** BORDA NAS IMAGENS *****************/
.borderimage{
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-image: url ('http://enderecodasuaimagem.gif');
border: 5px solid #F7AFCA;}
.borderimage{
padding: 3px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
background-image: url ('http://enderecodasuaimagem.gif');
border: 5px solid #F7AFCA;}
Essa página foi desenvolvida por mim. Não redistribua e se utilizar dê os devidos créditos.
Qualquer dúvida, pergunte em Ask-me.
