Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

8/23/2012

Bordas nas imagens - Sugestão Ana


Coloque o seguinte código em seu CSS:


/**** Bordas nas imagens - by MADLYLUV.com ****/

.borderimage

    {border: 1px solid #COR DA BORDA;

    background-color: #COR DO FUNDO;

    padding:5px;

    margin:5px;}



.borderimage:hover

    {border: 1px solid #COR DA BORDA;

    background-color: #COR DO FUNDO;

    padding:5px;

    margin:5px;}

Depois você personalize-o de acordo com o que deseja, com cores e tipo de bordas.

Para aparecer na imagem, faça a seguinte configuração:

<img src="http://suaimagem.com.br" border="0" class="borderimage" />
Para aparecer no IE ou em qualquer navegador, basta colocar o seguinte código no lugar de <html>:


Para aparecer no IE ou em qualquer navegador, basta colocar o seguinte código no lugar de <html>:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



Um comentário:

  1. tipo eu coloquei o código no css, mas quando fui procurar <html no HTML não achei ;/ eu errei em algum lugar?

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.