HTML De borda para imagens

Olá futuros designers,

Desculpem pela minha ausência nas postagens, pois eu estava na ultima semana de provas do semestre e tive que estudar muito. Mas emfim, prometo a vocês que vou voltar com tudo trazendo muitos truques de designers.

Hoje vou mostrar como colocar borda em todas as imagens do seu blog.

1º Passo o HTML: Primeiro de tudo você tem que ter o HTML abaixo:

.post img {
border: 3px solid #114a33; /* Borda = Altere o número para obter a cor que quiser */
text-align: center;
background-color: #26AC77; /* Fundo. Altere os números ou as letras que vem depois do asterisco para outras cores */
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 5px;
moz-box-shadow: 1px 1px 10px #00f;
-moz-border-shadow: 30pc;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 0px 0px #cccccc;
-moz-box-shadow: 5px 5px 0px 0px #cccccc;
box-shadow: 5px 5px 0px 0px #cccccc; }

 2º Passo Colocando no seu blog: Agora, vá no painel do blogger e escolha o blog que você quer por a borda nas imagens. Logo em seguida vá em ''Design'' e por fim em ''Editar HTML''

Aperte Ctrl F e procure por: ''.post img {'' (Sem as Aspas) Então embaixo de ''padding:4px'' Você vai por o HTML da borda das imagens que está acima.

3º Passo Editando: As partes que estão em negrito no código da borda são as partes editáveis que você pode por lá qualquer cor.

Então pinguins o que acharam? Qualquer duvida fale nos comentários. =D

Próximos Tutoriais:

  Como coloca caixa no texto                                                      Como Linkar um menu no Dreamweaver 

Até mais designers!

๖̶̶̶̶̶̶̶̶̶̶̶ۣۜHildey1 Firewate