Arredondamento do final da categoria
3 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
Arredondamento do final da categoria
Qual é minha questão:
Gostaria de arredondar o meu fórum o finalzin da categoria desse estilo: http://prntscr.com/2zmgf1
E engrossar mais também, print da do meu fórum: http://prntscr.com/2zmh90
Gostaria de saber como eu posso fazer isso.
Obrigado
Endereço do meu fórum:
http://criandoainda.forumeiros.com
Versão do fórum:
PHPBB3
Gostaria de arredondar o meu fórum o finalzin da categoria desse estilo: http://prntscr.com/2zmgf1
E engrossar mais também, print da do meu fórum: http://prntscr.com/2zmh90
Gostaria de saber como eu posso fazer isso.
Obrigado
Endereço do meu fórum:
http://criandoainda.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por #Dean em 11.03.14 21:39, editado 1 vez(es)
Re: Arredondamento do final da categoria
Tente adicionar isso à sua Folha de estilos CSS:
Mas como não sei qual o seu fórum, não tenho certeza se irá funcionar.![Triste](/users/2612/28/77/07/smiles/452154.gif)
Abraços.![Feliz](/users/2612/28/77/07/smiles/61552.gif)
- Código:
ul.forums {
border-bottom: 5px solid #ffffff;
border-radius: 0 0 40px 40px;
}
Mas como não sei qual o seu fórum, não tenho certeza se irá funcionar.
![Triste](/users/2612/28/77/07/smiles/452154.gif)
Abraços.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Re: Arredondamento do final da categoria
Infelizmente sem resultados, meu fórum é PHPBB3
Meu CSS:
Como ficou: http://prntscr.com/2znc7g
Meu CSS:
- Código:
div.topic-title-container {
display: inline;
font-size: 12px;
text-align: center;
}
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}
.module .postbody .postbody-head {
background-color: #e5e6e7;
}
.post-footer {
background-color: #CCCCCC;
}
.post .post-header {
background-color: #CCCCCC;
}
.headerbar {margin-bottom:0;}
blockquote {
background-color:#CCCCCC;
}
a {
outline: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img223.imageshack.us/img223/8213/gamesn.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#page-header .navbar {
-moz-border-radius: 0px 0px 0px 0px;
margin-left:-6px;
margin-right: -6px;
}
ul.forums {
border-bottom: 5px solid #000000;
border-radius: 0 0 40px 40px;
}
Como ficou: http://prntscr.com/2znc7g
Re: Arredondamento do final da categoria
Tente:
Teria como passar o endereço do fórum?
- Código:
li.row {
border: none;
overflow: hidden;
}
Teria como passar o endereço do fórum?
Re: Arredondamento do final da categoria
Olá!
Eu tenho aqui o código com a solução, mas para o fornecer, preciso que nos indique o endereço do seu fórum, mesmo estando ainda em criação. Só assim o poderemos ajudar.
Hancki
Eu tenho aqui o código com a solução, mas para o fornecer, preciso que nos indique o endereço do seu fórum, mesmo estando ainda em criação. Só assim o poderemos ajudar.
Hancki
Re: Arredondamento do final da categoria
Agora facilitou. Tente isso:
Abraços.![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
- Código:
.forabg {
border-radius: 0 0 5px 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom {
display: none;
}
ul.topiclist.forums {
background: #fff;
}
ul.topiclist.forums:last-of-type {
border-radius: 0 0 40px 40px;
overflow: hidden;
}
Abraços.
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Arredondamento do final da categoria
Agora deu certo mais porque a Imagem de fundo das tabelas não tá aparecendo?
Re: Arredondamento do final da categoria
Eu a removi. Pensei que não queria aquelas duas bordas. Mas se a deseja, remova essa parte do código:
Abraços.![Feliz](/users/2612/28/77/07/smiles/61552.gif)
- Código:
.forabg .corners-bottom {
display: none;
}
Abraços.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Re: Arredondamento do final da categoria
Não deu certo como pode ver lá, ah e aqui tbm tem como arredondar as bordas? http://prntscr.com/2zx7eo
Re: Arredondamento do final da categoria
Acho que entendi o que quer. Tente trocar por esse:
- Código:
.forabg {
border-radius: 0 0 5px 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom,
.forabg .corners-top {
display: none;
}
ul.topiclist.forums {
background: #fff;
}
ul.topiclist.forums:last-of-type {
border-radius: 0 0 40px 40px;
overflow: hidden;
padding-bottom: 20px;
}
.corners-top + ul.topiclist + ul.topiclist.forums {
border-radius: 40px 40px 0 0;
overflow: hidden;
padding-top: 20px;
}
Re: Arredondamento do final da categoria
Agora ficou invertido e não arredondou as pontas, é do outro jeito mesmo com as pontas arredondas.
Re: Arredondamento do final da categoria
EDIT: Tente esse CSS: ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
- Código:
.forabg {
border-radius: 0 0 5px 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom,
.forabg .corners-top {
display: none;
}
ul.topiclist.forums {
background: #fff;
}
ul.topiclist.forums:last-of-type {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
overflow: hidden;
padding-bottom: 20px;
}
.corners-top + ul.topiclist + ul.topiclist.forums {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
overflow: hidden;
padding-top: 20px;
}
Re: Arredondamento do final da categoria
Tá complicado isso aí em XD. Mas assim que é legal: ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Tente:
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Tente:
- Código:
.forabg {
border-radius: 0 0 5px 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom,
.forabg .corners-top {
display: none;
}
ul.topiclist.forums {
background: #fff;
border-radius: 40px;
overflow: hidden;
padding-top: 20px;
}
Re: Arredondamento do final da categoria
Agora tá pra cima é bugado rsrs'
obrigado por está me ajudando rsrs'
obrigado por está me ajudando rsrs'
Re: Arredondamento do final da categoria
D:
Tente:
Tente:
- Código:
.forabg {
border-radius: 0 0 5px 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom,
.forabg .corners-top {
display: none;
}
ul.topiclist.forums {
background: #fff;
border-radius: 40px;
overflow: hidden;
padding: 20px 0;
}
Re: Arredondamento do final da categoria
Ainda não está lá :S
Aqui uma print de exatamente como eu quero http://prntscr.com/2zz1ky forum que eu vi www.brasilplayforever.com.br/forum
Aqui uma print de exatamente como eu quero http://prntscr.com/2zz1ky forum que eu vi www.brasilplayforever.com.br/forum
Re: Arredondamento do final da categoria
Nyeh:
- Código:
.forabg {
border-radius: 5px;
padding: 0;
background: #000;
border-width: 5px;
}
.forabg .corners-bottom,
.forabg .corners-top {
display: none;
}
ul.topiclist.forums {
background: #fff;
border-radius: 0 0 40px 40px;
overflow: hidden;
padding: 0 0 20px;
}
ul.topiclist.forums .row {
border: none;
}
Re: Arredondamento do final da categoria
Perfeito mais aqui sabe como eu coloco aquela linha que tava aqui http://prntscr.com/2zz61f onde tá essa de vermelha na cor cinza? vlw.
![-](https://2img.net/i/empty.gif)
» Faixa branca no final da categoria
» Arredondamento e painel do usuário
» [Invision] Arredondamento do Forum
» Efeito borda no final da categoria
» Arredondamento no fórum
» Arredondamento e painel do usuário
» [Invision] Arredondamento do Forum
» Efeito borda no final da categoria
» Arredondamento no fórum
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