JScript

Programação & Desenvolvimento


Adicionar imagem em uma borda

Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Adicionar imagem em uma borda Empty Adicionar imagem em uma borda

Mensagem por Alex Habilidade em Sab 04 Jan 2014, 7:13 pm

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.
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Adicionar imagem em uma borda Empty Re: Adicionar imagem em uma borda

Mensagem por Legolas em Dom 05 Jan 2014, 9:19 am

Onde você colocou #propriedade deve ser o id ou classe do local que você deseja colocar.



Adicionar imagem em uma borda Url11
Alex Habilidade
Alex Habilidade
Moderadores
Moderadores

Time Online : 286d 2h 8m 11s
Mensagens : 70
Data de inscrição : 30/11/2013
Localização : /root

Adicionar imagem em uma borda Empty Re: Adicionar imagem em uma borda

Mensagem por Alex Habilidade em Dom 05 Jan 2014, 3:27 pm

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/

Conteúdo patrocinado

Adicionar imagem em uma borda Empty Re: Adicionar imagem em uma borda

Mensagem por Conteúdo patrocinado


    Data/hora atual: Qui 14 Nov 2019, 3:08 pm