Bordas do fórum

[SworldMaster]

Qual é minha questão:
Olá pessoal.
Eu queria utilizar esta imagem https://2img.net/h/oi51.tinypic.com/2nr0pk8.png como borda de meu fórum..
Ou até mesmo uma borda parecida, pois encontrei alguns errinhos nessa..

Medidas que eu tomei para corrigir o problema:
Nenhuma por enquanto.

Imagens do meu problema:
Link da borda; https://2img.net/h/oi51.tinypic.com/2nr0pk8.png

Endereço do meu fórum:
http://habbosal.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

[King Gz;]

Olá,

Tente este código:

Código:

#page-header {
width: 984px;
background: url(http://i51.tinypic.com/2nr0pk8.png) no-repeat top center;
}

Adicione em Painel de controle Visualização Imagens e cores Cores Folha de estilo css

Até mais

[SworldMaster]

Será que alguém poderia me ajudar?
O post do Enigma não deu certo.

[Konai]

Olá,

Para a versão PhpBB2;

Código:


table.forumline {
border-image: url('LINK_DA_IMAGEM');
}


[SworldMaster]

Nem servirá para mim, estou editando um tema na versão PhpBB3 :/
De qualquer forma, obrigado.

[Konai]

Olá,

Código:

#page-header {
width: 984px;
border-image: url(http://i51.tinypic.com/2nr0pk8.png) no-repeat top center;
}

[SworldMaster]

Não mudou exatamente nada.

[Cream]

Olá,

Tente este código:

Código:

body {background-image: url('http://i51.tinypic.com/2nr0pk8.png') !important;}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Cream, a imagem ficou como plano de fundo. Eu gostaria que a imagem substituísse a borda preta. Caso não consiga, pode me dizer alguns códigos para personalizar a borda, e deixá-la com um visual bacana?

[Cream]

Olá,

Tente este código:

Código:

body {
background-image: url('http://i51.tinypic.com/2nr0pk8.png') !important;
border: none !important;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Ela continua como imagem do plano de fundo.... Será que não poderia me dizer, como deixar a borda parecida com a da imagem, não necessariamente usando a imagem.. Algum código, que torne a borda +/- daquele jeito.

[Cream]

Olá,

Poderá utilizar este código:

Código:

body {
border: 5px solid #FF0000 !important;
}

"5px" -> Tamanho da borda.
"#FF0000" -> Cor hexadecimal da borda.
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Não amigo, este tipo de borda é para a estrutura principal do fórum. Tipo ele ficará com a borda ao fórum tudo.

Siga de base a FDF, tem a parte verde alí, e depois a borda branca.... Gostaria de personalizar a borda branca..

Como o código;

Código:

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Que irá arredondá-la... só que eu pretendo adicionar outras coisas, que deixem-as parecida com a borda daquela imagem.

[Cream]

Olá,

Então use este código:

#wrap {
propriedades
}

Troque "propriedades" pelas classes CSS desejadas. Depois adicione o código em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Este é o problema, queria algumas propriedades para deixar minha borda parecida com a daquela imagem..

[SworldMaster]

Olha, pode ser uma borda parecida com a deste fórum;
http://forum-frito.forumeiros.com/portal

[Cream]

Olá,

Tente este código:

Código:


#wrap {
    left: 10px;
    position: relative;
    margin: 0 auto;
    min-width: 768px;
    padding: 5px;
    width: 984px;
    background-color: #FFFFFF
}

Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Eu queria ela meio cinza, com uma sombra...... Ela ficou preta, como antigamente.

[Cream]

Olá,

Tente este:

Código:

    #wrap {
        left: 10px;
        position: relative;
        margin: 0 auto;
        min-width: 768px;
        padding: 5px;
        width: 984px;
        background-color: #ffffff
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border: 1px solid #000000;
    }

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Muito obrigado, receberá meu +.

Gostaria de saber como é que poe bordas nos widgets?

[Cream]

Olá,

Para os widgets tente este:

Código:

.module {
border: 1px solid #FF0000;
}

"1px" -> Tamanho da borda.
"#FF0000" -> Cor hexadecimal da borda.
Basicamente é o mesmo esquema que o anterior.
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Muito obrigado novamente.

Queria perguntar mais uma coisa, sabe o menu "Início Portal FAQ Buscar Membros Grupos Perfil Mensagens privadas Sair [ SworldMaster ] "

Como eu posso adicionar uma imagem para ficar sobre ele..... como se estivesse o cobrindo.

Pegue de exemplo, esta parte aqui de baixo "Criar um fórum | © phpBB | Fórum grátis de ajuda | e etc......

[Oto!]

Olá,

Você quer uma borda nos widgets certo? Caso sim, aceda em:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilo CSS

Adicione o seguinte código:

.module {
border: 1px solid red !important;
}

->> Troque "red" pela cor desejada.
->> Troque "1px" pela tamanho da borda.

Até mais.

[Cream]

Olá,

Você quer dizer colocar uma imagem de fundo no menu certo? Sendo assim utilize este código:

Código:

#page-header ul.linklist li {background-image: url('link-da-imagem');}

Troque o local indicado pela imagem de fundo desejada. Adicione o código em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

[SworldMaster]

Valeu cara, mas como é que poe pra aparecer somente o texto do menu, pois está aparecendo com imagens..