Painel de Usuario
Mensagens: 0
-
Alterar
-
Ver
-
Tópicos e mensagens
Menu
- Planeta Tutorial
- Ajuda e suporte
- Serviços para usuários
- Entretenimento
- Game zone
- Outros serviços
Procurar
Translate
Últimos assuntos
Estatísticas
Temos 26 usuários registradosO último membro registrado é kaironborges
Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Visitou
Colocar ou alterar as bordas
Página 1 de 1
Colocar ou alterar as bordas
Existem vários modos de mudar o visual do blog somente utilizando o estilo CSS um deles é colocar ou alterar as bordas. Esse código é bem simples e pode se usado em qualquer lugar, serve inclusive para fazer botões quando combinados com uma cor de fundo, além disso podemos usar para colocar bordas nas postagens, menus e qualquer outra coisa no blog. O código das bordas deve ser moficado pela página editar HTML, agora vamos entender melhor esse código:
border: 1px solid #0000FF
1px é a largura
solid é o estilo
#0000FF é a cor
Por exemplo para colocar bordas nos link procure por:
a:link, a:visited {
color:#0000ff;
text-decoration:none;
}
e coloque border: 1px solid #0000FF, dentro das chaves, deixando o código assim:
a:link, a:visited {
border: 1px solid #0000FF;
color:#0000ff;
text-decoration:none;
}
Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor e se precisa aqui tem o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
border: 2px dotted #000000
border: 2px dashed #000000
border: 1px solid #0000FF
border: 4px double #FF0000
border: 3px groove #6666FF
border: 4px ridge #FFFFCC
border: 3px inset #FFFF99
border: 2px outset #6699FF
border: 1px solid #0000FF
1px é a largura
solid é o estilo
#0000FF é a cor
Por exemplo para colocar bordas nos link procure por:
a:link, a:visited {
color:#0000ff;
text-decoration:none;
}
e coloque border: 1px solid #0000FF, dentro das chaves, deixando o código assim:
a:link, a:visited {
border: 1px solid #0000FF;
color:#0000ff;
text-decoration:none;
}
Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor e se precisa aqui tem o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
border: 2px dotted #000000
border: 2px dashed #000000
border: 1px solid #0000FF
border: 4px double #FF0000
border: 3px groove #6666FF
border: 4px ridge #FFFFCC
border: 3px inset #FFFF99
border: 2px outset #6699FF
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Ter 28 Jun 2011 - 17:31 por Admin
» Efeito Glow
Seg 27 Jun 2011 - 17:39 por Admin
» Efeito Brilho Suave nas fotos
Seg 27 Jun 2011 - 17:33 por Admin
» Arte geométrica com Photoshop
Seg 27 Jun 2011 - 17:31 por Admin
» Efeito Varinha Mágica no Photoshop
Sáb 25 Jun 2011 - 15:20 por konan
» Montagem multicolorida com tintas e efeitos diversos
Sáb 25 Jun 2011 - 15:18 por konan
» Linhas luminescentes no Photoshop
Sáb 25 Jun 2011 - 15:17 por konan
» Segredos sobre design de site
Sex 24 Jun 2011 - 23:00 por konan
» Hardware para iniciantes, parte 5
Sex 24 Jun 2011 - 22:41 por konan