ArtigosBorda nos itens do portal
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Borda nos itens do portal
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
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- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
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:
Salve e pronto.
Espero ter ajudado..
Abraços.
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
Re: Borda nos itens do portal
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?
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- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
por Convidad 10.10.11 5:39
Olá!
Aqui está:
Adicione em sua folha css e salve.
Atenciosamente.
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)
Convidad- Convidado
Re: Borda nos itens do portal
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
pode verificar aqui : http://forum.brasilplaygames.com.br/t886-posso-usar-mod-normamente
Obrigado
Rodrigo_Vilhena- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
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.
Editei o código há cima.
Agora.. teste novamente e me conte se deu certo.
Abraços e desculpe o incômodo.
Convidad- Convidado
Re: Borda nos itens do portal
por Rodrigo_Vilhena 10.10.11 5:46
agora sim !! perfeito, valeu mesmo cara, tu é muito bom ! 
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 :
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- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
por Convidad 10.10.11 6:04
Olá!
Retire esta parte de seu CSS:
Depois de retirá-la, introduza esta:
Espero que resolva.
Atenciosamente.
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
Rodrigo_Vilhena- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
por Convidad 10.10.11 13:09
Olá!
Então.. coloque este:
Testei em meu fórum e funcionou corretamente, lembre-se de apagar o código dado anteriormente.
Atenciosamente.
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
Re: Borda nos itens do portal
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.
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- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
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:
Atenciosamente!
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- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Borda nos itens do portal
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...
Rodrigo_Vilhena- *
- Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50 -
Re: Borda nos itens do portal
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:
Vermelho
Modifique esta área em vermelho pelo código da cor da borda.
Atenciosamente.
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
Modifique esta área em vermelho pelo código da cor da borda.Atenciosamente.
Convidad- Convidado
Tópicos semelhantes» Problema ao Arredondar borda do portal
» Borda do widget do portal
» Borda nos widget do portal
» Mudar borda do portal
» Borda em notícias do portal
» Borda do widget do portal
» Borda nos widget do portal
» Mudar borda do portal
» Borda em notícias do portal
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos