JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Adicionar imagem em uma borda

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Adicionar imagem em uma borda Empty Adicionar imagem em uma borda Sáb 04 Jan 2014, 7:13 pm

Alex Habilidade

Alex Habilidade
Moderadores
Moderadores

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.

2Adicionar imagem em uma borda Empty Re: Adicionar imagem em uma borda Dom 05 Jan 2014, 9:19 am

Legolas

Legolas
Moderadores
Moderadores

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

http://aden.rpgwars.net

3Adicionar imagem em uma borda Empty Re: Adicionar imagem em uma borda Dom 05 Jan 2014, 3:27 pm

Alex Habilidade

Alex Habilidade
Moderadores
Moderadores

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



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos