Borda nos itens do portal

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

Resolvido Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 01:16 am

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

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 10/10/11, 01:29 am

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.

Convidad
Convidado


Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 01:32 am

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?

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 10/10/11, 01:39 am

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, 01:43 am, editado 1 vez(es)

Convidad
Convidado


Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 01:41 am

não funcionou :S

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

Obrigado

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 10/10/11, 01:44 am

Olá!

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

Abraços e desculpe o incômodo. Piscada

Convidad
Convidado


Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 01:46 am

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;
}

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 10/10/11, 02:04 am

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.

Convidad
Convidado


Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 02:06 am

não adiantou :S

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 10/10/11, 09:09 am

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.

Convidad
Convidado


Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 09:19 am

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.

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Consolado em 10/10/11, 09:27 am

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!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Borda nos itens do portal

Mensagem por Rodrigo_Vilhena em 10/10/11, 09:30 am

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

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Borda nos itens do portal

Mensagem por Convidad em 11/10/11, 12:48 am

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.

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum