Borda nos itens do portal

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 5:16

Qual é minha questão:
Olá, eu quero colocar um tipo de circulo separando cada item do portal, meu portal os itens aparecem meio que "avulsos" pela página, eu gostaria de fazer tipo o portal deste fórum : http://www.brasilplayforever.com/portal

Medidas que eu tomei para corrigir o problema:
já tentei algumas coisas e não deu certo.

Imagens do meu problema:


Endereço do meu fórum:
http://forum.brasilplaygames.com.br

Versão do meu fórum:
PHPBB3
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 10.10.11 5:29

Olá!

Vá em:
Painel de controle -> Visualização -> Cores -> "Aba" Folha CSS.

Em seu conteúdo coloque o código:


.introduction, .panel, .post {
background-color: transparent;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

div.module {
background-color: transparent;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Salve e pronto.
Espero ter ajudado..
Abraços.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 5:32

perfeito amigo !!! era isto mesmo..

outra coisinha..

nos tópicos, em volta do nome e das infos da pessoa que criou o topico ou respondeu, não aparece umas bordas assim também, como eu adiciono ali?
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 10.10.11 5:39

Olá!

Aqui está:


.postprofile{
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Adicione em sua folha css e salve.
Atenciosamente.


Última edição por Touks em 10.10.11 5:43, editado 1 vez(es)
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 5:41

não funcionou :S

pode verificar aqui : http://forum.brasilplaygames.com.br/t886-posso-usar-mod-normamente

Obrigado
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 10.10.11 5:44

Olá!

Editei o código há cima.
Agora.. teste novamente e me conte se deu certo.

Abraços e desculpe o incômodo. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 5:46

agora sim !! perfeito, valeu mesmo cara, tu é muito bom ! Muito feliz

outra coisa, sem querer abusar + ja abusando rs..

na página principal onde ficam os tópicos está perfeito, quando você clica e abre uma categoria ou fórum, as bordas que ficam em volta não estão iguais, só funciona na pagina principal, sabe me dizer o que fazer?

os meus códigos do css são :
Código:
.vote {
float: right;
width: 10px;
margin-left: 10px;
}
#search-box {
display:none;
}
ul.navlinks {
border-bottom:0px solid #FFFFFF;
}
.forabg {
-moz-border-radius:20px;
-webkit-border-radius: 20px;
background-color:#FFFFFF;
background-image:url("http://www.brasilplaygames.com.br/images/fforum.gif");
background-position:0 0;
background-repeat:repeat-x;
clear:both;
margin-bottom:4px;
border:4px solid #000000;
}
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
.introduction, .panel, .post {
background-color: transparent;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

div.module {
background-color: transparent;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
.postprofile{
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 10.10.11 6:04

Olá!

Retire esta parte de seu CSS:

Código:

.forabg {
-moz-border-radius:20px;
-webkit-border-radius: 20px;
background-color:#FFFFFF;
background-image:url("http://www.brasilplaygames.com.br/images/fforum.gif");
background-position:0 0;
background-repeat:repeat-x;
clear:both;
margin-bottom:4px;
border:4px solid #000000;
}

Depois de retirá-la, introduza esta:

Código:

.forabg {
-moz-border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
background-color: transparent;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
border: 1px solid #eee;
}

Espero que resolva.
Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 6:06

não adiantou :S
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 10.10.11 13:09

Olá!

Então.. coloque este:

Código:


.forabg {
background-color: transparent;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
.forumbg {
background-color: transparent;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Testei em meu fórum e funcionou corretamente, lembre-se de apagar o código dado anteriormente.

Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 13:19

coloquei agora, ele fica certo, só que não fica + com aquelas bordas arredondadas..

antes no início aparecia com bordas e nas categorias e foruns externos não apareciam as bordas, agora não aparecem as bordas em ambos locais.
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Consolado 10.10.11 13:27

Olá!

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
E adicione este código:
.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena 10.10.11 13:30

Today escreveu:Olá!

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
E adicione este código:
.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Atenciosamente!

isso fez outras coisas ficarem com bordas...

as bordas eram em volta de cada área do meu fórum..

"ADMINISTRAÇÃO DO SERVIDOR" , "SERVIDOR EM GERAL" , ETC...
avatar

Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda nos itens do portal

Mensagem por Convidad 11.10.11 4:48

Olá!

Vá em:
Painel de controle -> Visualização -> Cores -> "Aba" Folha CSS.

Em seu conteúdo, adicione o seguinte código:

.forabg {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Vermelho Admineiros Modifique esta área em vermelho pelo código da cor da borda.

Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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