Adicionar imagem em uma borda
2 participantes
Página 1 de 1
Adicionar imagem em uma borda
Olá a todos;
Eu estava vendo o site w3schools, onde fala sobre bordas com CSS: http://www.w3schools.com/cssref/css3_pr_border-image.asp
Eu me interessei muito nessa aula, tentei aplicar em meu fórum e não resultou, será que fiz algo errado?
Vejam como fiz:
#propriedade {
-webkit-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Safari 5 */
-o-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Opera */
border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round;
}
Eu queria coloca esse fio de luz como borda, é assim ou deve ser feito de outra forma? Queria aplicar essas bordas com imagens nas linhas das categorias e também dentro dos tópicos.
Eu estava vendo o site w3schools, onde fala sobre bordas com CSS: http://www.w3schools.com/cssref/css3_pr_border-image.asp
Eu me interessei muito nessa aula, tentei aplicar em meu fórum e não resultou, será que fiz algo errado?
Vejam como fiz:
#propriedade {
-webkit-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Safari 5 */
-o-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Opera */
border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round;
}
Eu queria coloca esse fio de luz como borda, é assim ou deve ser feito de outra forma? Queria aplicar essas bordas com imagens nas linhas das categorias e também dentro dos tópicos.
Alex Habilidade- Moderadores
- Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root
Re: Adicionar imagem em uma borda
Onde você colocou #propriedade deve ser o id ou classe do local que você deseja colocar.
Re: Adicionar imagem em uma borda
Olá Legolas,
A respeitos das classes e id´s eu já entendo, apenas coloquei para exemplo.
Coloquei em meu fórum o seguinte CSS:
.pun .main-content {
-webkit-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Safari 5 */
-o-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Opera */
border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round;
}
E resultou isto:
https://i.servimg.com/u/f55/14/99/55/84/bordas10.png
Eu queria colocar ao redor esse neon: https://i.imgur.com/xkTDKGY.png
Isso é possível?
meu fórum: http://www.gzhabilidade.com/
A respeitos das classes e id´s eu já entendo, apenas coloquei para exemplo.
Coloquei em meu fórum o seguinte CSS:
.pun .main-content {
-webkit-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Safari 5 */
-o-border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round; /* Opera */
border-image:url(https://i.imgur.com/xkTDKGY.png) 30 30 round;
}
E resultou isto:
https://i.servimg.com/u/f55/14/99/55/84/bordas10.png
Eu queria colocar ao redor esse neon: https://i.imgur.com/xkTDKGY.png
Isso é possível?
meu fórum: http://www.gzhabilidade.com/
Alex Habilidade- Moderadores
- Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root
Tópicos semelhantes
» Adicionar imagem e audio via javasript
» Adicionando uma borda colorida ao post de usuários de determinado grupo
» Adicionar códigos ao index_body
» Adicionando uma borda colorida ao post de usuários de determinado grupo
» Adicionar códigos ao index_body
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|