Bordas nas imagens usadas em posts e páginas.
Copie o código abaixo e insira no seu css:
img {
border: 0px;
text-decoration: none;
max-width: 100%;
}
.alignnone {
background-color: #ffffff;
border: 1px solid #dadada;
margin: 2px;
padding: 5px;
}
.aligncenter {
background-color: #ffffff;
border: 1px solid #dadada;
padding: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
display: block;
}
.alignleft {
background: url('images/shadow.gif') no-repeat right bottom;
background-color: #ffffff;
border: 1px solid #dadada;
margin: 2px;
padding: 5px;
text-align: left;
float: left;
display: inline;
}
.alignright {
background-color: #ffffff;
border: 1px solid #dadada;
margin: 2px;
padding: 5px;
text-align: right;
float: right;
display: inline;
}
Se você fizer upload de imagens pelo wordpress e inserir nos posts e páginas, ela já vai está configurada com borda.
Caso você tem as imagens hospedada em outro lugar e insere o código manualmente nos posts e páginas, configure ela de acordo com as descrições abaixo:
Imagem com borda sem alinhamento:
Imagem com borda centralizada:
Imagem com borda alinhada a esquerda:
Imagem com borda alinha a direita:
Agora se você quiser uma imagem sem borda, é só tirar a class, mas se for alinhar ela a direita ou esquerda terá que adicionar o aling="left" ou aling="right".
Este tutorial serve tanto para quem tem blog com wordpress quanto pra quem tem blog free (uol, blogpost…), mas quem tem blog free, insere o código manualmente.
Posts Relacionados
22 anos, 10/10, casada com Léo Danczuk, 
10.11.2008 às 10:08
[ Responder ]
Oii q lindo akii, amei esse tutorial de borda na imagem vou tentar fazer, se eu conseguir credito ok?!
BjO