Arredondar bordas das categorias do fórum

[Tosh]

Qual é minha questão:
o titulo já diz tudo quero arredondar as bordas do forum igual ao do forumeiros

A versão do meu fórum é PunBB

Medidas que eu tomei para corrigir o problema:
Procurei por todo o lugar

Imagens do meu problema:
.

Endereço do meu fórum:


Versão do meu fórum:
PUNBB

[Luciano98]

Olá!

Onde exatamente fica essa borda redonda do FDF que você quer colocar no seu fórum?
A borda do fórum em si não está redonda.

Até mais.

[Tosh]

Luciano a borda do forumeiros ta um pouco arredondada nas categorias

Queria deixar desse jeito no meu fórum.

[WinkTech]

Leia este tópico!

https://ajuda.forumeiros.com/t15748

[Tosh]

duuuuwh não é isso quero deixar igual ao do forumeiros a borda arredondada das categorias

A versão do meu forum é PunBB

[Consolado]

Olá,

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
Lá, adicione este código:

.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

O valor vermelho representa alterar a amplitude do arredondamento (mais ou menos arredondado), e o valor verde representa a cor da borda.

Vamos agora a explicação das propriedades utilizadas:
O código -moz-border-radius corresponde ao navegador "Mozilla". A unidade definida para esta propriedade definirá o tamanho do arco de arredondamento dos cantos das páginas do Fórum.

Já quanto à propriedade -webkit-border-radius, destina-se aos navegadores: Safari, Epiphany, Google Chrome, Midori, Arora, OmniWeb, iCab, Shiira, ABrowse. À semelhança da propriedade anterior o valor definirá o tamanho do arco de arredondamento dos cantos das páginas do Fórum.

Atenciosamente, Today!

[elemark]

Qual é minha questão:
Olha queria deixar minha pagina inicial assim
Repare nas bordas

Medidas que eu tomei para corrigir o problema:


Imagens do meu problema:


Endereço do meu fórum:
www.pro-doublecheats.forumeiros.com

Versão do meu fórum:
PHPBB2

[Tosh]

Today não é isso eu quero deixar igual ao do FORUMEIROS

https://2img.net/r/ihimizer/img199/7328/aszx.png

Eu quero deixar com essas bordas no lado também onde as setas tão apontando quero deixar igualzinho.

[Oto!]

Olá,

Estas a falar deste fórum?(Fórum dos Fóruns)
O código passado não obteve sucesso?

Até Mais

[Dury]

Olá autor!

Você já tentou usar os códigos que há neste tutorial?
https://ajuda.forumeiros.com/t15748-

Há códigos de arredondamentos para todos as versões no tópico.

[Tosh]

Helper: sim é desse fórum

Jeffrey: não é isso,isso só arredonda as bordas de cima eu quero que ela fique em toda a categoria

Olha a imagem que passei https://2img.net/r/ihimizer/img199/7328/aszx.png

Quero que fique igualzinho com essas linhas passando pelos foruns
Onde a seta está apontando.

Aqui o endereço do meu fórum http://forumroadesigner.forumeiros.com/forum

[Luciano98]

Olá!

O problema é que o seu fórum está na versão PunBB, existe alguma possibilidade de você passar seu fórum para a versão PhpBB3?

Até mais.

[Tosh]

Se eu passar para essa versão vai mudar algo no fórum? ou deletar algo?

[Luciano98]

Olá!

Veja como provavelmente irá ficar:
http://forumroadesigner.forumeiros.com/forum?change_version=prosilver

Até mais.

[Tosh]

Não gostei muito de como ficaria D:

Não tem como fazer isso na versão PunBB?

[Luciano98]

Não gostei muito de como ficaria D:

Não tem como fazer isso na versão PunBB?

Sim é possível, mas talvez não fique exatamente igual e talvez seja mais demorado para fazer o código.

Peço que pare de enviar mensagens escrito "UP", só podem ser enviadas mensagens escrito "UP" após um período de 24 horas sem mensagem alguma, caso contrario você pode ser punido.

Até mais.

[Tosh]

Okz Luciano

Se não ficar totalmente igual ta tudo bem,só quero que fique pelo
menos um pouco parecido.

Se não tiver como fazer isso tem como fazer com que as categorias fiquem
uma em cima da outra? tipo o desse forum abaixo

http://topdesign.forumeiros.com/forum

[Luciano98]

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

div.pun div.main div.main div.main-head{margin:0px!important}

Salve.

Até mais.

[Tosh]

não deu certo luciano

[Luciano98]

não deu certo luciano

Pelo o que eu vi, deu certo sim, as categorias ficaram uma encima das outras.

Até mais.

[Tosh]

mais eu queria era deixar igual o do fórum dos fóruns como disse no topico

[seender]

Olá!

Seria isto? adicione este código e veja:

Código:

.main .main-head{
margin-top: 10px;
-moz-border-radius: 10px 10px 0px 0px;
}

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

Até mais!

[Tosh]

infelizmente não deu certo seender

Só pra lembrar a versão do meu fórum é Punbb

[seender]

Mas como gostaria de deixar as bordas então? o título do tópico está como arredondar bordas das categorias e este código que passei é para punbb e funciona sim para ARREDONDAR e não para outra coisa.

[Tosh]

Estaão vendo a imagem abaixo? É mais ou menos como meu forum está

https://2img.net/h/oi55.tinypic.com/2cfy2wk.png

Estão vendo a imagem abaixo?É como eu quero deixar o meu fórum

https://2img.net/h/oi52.tinypic.com/2r6e1dw.png

[Shion]

acho que isso ajuda https://ajuda.forumeiros.com/t44499-duvida-arredondar-as-bordas-das-categorias-do-forum

[Tosh]

nem deu certo shion

Estão vendo a imagem abaixo? É mais ou menos como meu forum está

https://2img.net/h/oi55.tinypic.com/2cfy2wk.png

Estão vendo a imagem abaixo?É como eu quero deixar o meu fórum

https://2img.net/h/oi52.tinypic.com/2r6e1dw.png

[Shion]

tente esse testei aqui e funciono https://ajuda.forumeiros.com/t44499-duvida-arredondar-as-bordas-das-categorias-do-forum

se gostou so clica em obrigado Xd

[Tosh]

Shion a versão do meu fórum é PunBB é a desse cara é PhBB3

então nem deu certo

[Shion]

aqui carinha https://ajuda.forumeiros.com/t42970-tutorial-arredondar-as-bordas-das-categorias-do-forum esse tem as versao todas, se resolve so marca obrigado.

[Tosh]

Não é isso que quero shion

Estão vendo a imagem abaixo? É mais ou menos como meu forum está

https://2img.net/h/oi55.tinypic.com/2cfy2wk.png

Estão vendo a imagem abaixo?É como eu quero deixar o meu fórum

https://2img.net/h/oi52.tinypic.com/2r6e1dw.png

[Mister_Delete™]

Olá! Tosh leia esse tutorial com atenção!

[TUTORIAL] Arredondar as bordas das categorias do fórum



Até mais!

[Tosh]

alisson esse é o mesmo que o shion me passou

Algum staff que saiba algum codigo pra eu tentar?

[LucasChaotic]

Olá Tosh
Painel de Controle > Visualização > Imagens e Cores > Folha de Estilo Css
E Adicione o Seguinte Código :

Código:

input.button2 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Se Ajudou Clique em Obrigado

[Tosh]

não deu lucas

Não é isso que quero shion

Estão vendo a imagem abaixo? É mais ou menos como meu forum está

https://2img.net/h/oi55.tinypic.com/2cfy2wk.png

Estão vendo a imagem abaixo?É como eu quero deixar o meu fórum

https://2img.net/h/oi52.tinypic.com/2r6e1dw.png

[Dury]

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Gestão das imagens ->> Modo avançado ->>
Procure por "Imagem de fundo do menu de navegação" e modifique o valor para uma imagem desejada.
Depois, procure por "Imagem de fundo das tabelas" e adicione uma imagem no local.

[Tosh]

Jeffrey não é isso eu quero deixar igual ao do Forum dos fóruns

https://2img.net/r/ihimizer/img199/7328/aszx.png

Estão vendo as setas verdes? eu quero deixar essas bordas no canto também

Alguém?

[Dury]

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Gestão das imagens ->> Modo avançado ->>
Procure por "Imagem de fundo do menu de navegação" e modifique o valor para uma imagem desejada.
Depois, procure por "Imagem de fundo das tabelas" e adicione uma imagem no local.

Eu não estou lembrado, mas no seu painel de controle tem essas funções citadas acima? É que sua versão é Punbb e não me recordo se tem ou não.

No FdF os campos que citei acima tem as seguintes imagens:
Imagem de fundo do menu de navegação: https://2img.net/i/fa/fdf3/bg_header.jpg
Imagem de fundo das tabelas: https://2img.net/i/fa/fdf3/bg_cat.png

Até!

[Tosh]

Jeffrey no meu painel tem essas funções xD mais eu queria era modificar as categorias e deixa-las arredondadas como o do fórum dos foruns

Esse é o endereço do meu fórum http://forumroadesigner.forumeiros.com/forum

Como você pode ver as categorias estão arredondadas mais não com aquele traço em volta de toda ela

Como o do forumeiros com a imagem abaixo

Eu queria colocar esses traços em volta também no meu fórum

[Dury]

Olá,

Acima das opções que indiquei, poderá encontrar a opção.
Cantos esquerdos arredondados sobre fundo colorido, coloque a seguinte imagem: https://2img.net/i/fa/prosilver/corners_left2.gif
E na opção Cantos direitos arredondados, adicione a seguinte imagem: https://2img.net/i/fa/fdf3/corners_right.png

Até mais!

[Tosh]

não tem essa opção aki jeffrey

[Dury]

Me envie sua folha de estilo CSS por favor.

[Tosh]

Código:

#chatbox {
background-image: url(http://us.cdn3.123rf.com/168nwm/kjpargeter/kjpargeter1002/kjpargeter100200045/6469521-3d-render-of-an-ice-hockey-netminder.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

.postmain blockquote {
border-color: #fa922a;
background-color: #fcfbe0;
}

.postmain blockquote {
border-color: #fa922a;
background-color: #fcfbe0;
}

background-color: #FF0000;


.chatbox_row_1 {
   padding: 4px;
   background-color: #FCF7F7;
   }

.chatbox_row_2 {
   padding: 4px;
   background-color: #FCF7F7;
   }

#chatbox_footer {
   background-color: #545454;
   }

.pun {
background-color: #FFF !important;
}










.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #FFFFFF;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}


.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.pun {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}

.main .main-head {
margin-top: 20px !important;
}

.main .main-head {
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
border:1px solid #474747;
}

#pun-navlinks ul li a{margin:0px}

.vote {
float: right;
width: 15px;
margin-left: 15px;
}

div.pun div.main div.main div.main-head{margin:0px!important}

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

input.button2 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


[Luciano98]

Olá!

Notei que você trocou o visual e a versão do seu fórum para INVISION.
Você ainda quer fazer esse efeito em seu fórum ou o tópico pode ser fechado?

Até mais.

[Tosh]

não troquei meu fórum pra invision ainda é PunBB xD

[Dury]

Olá,

Desculpe Tosh, mas estou pensando que para Punbb não é possível aumentar as bordas da categoria ou deixá-las como a da versão Phpbb3. Temos um tutorial que transforma a aparência de um fórum Phpbb2 em Phpbb3, se sua versão fosse Phpbb2 até que eu indicaria este tutorial.

Até mais!

[Tosh]

okz Jeffrey se não da podem bloquear o tópico

[Dury]

Não, vamos aguardar pelo Luciano se o senhor desejar. Eu e ele estava-mos procurando modos de trazer resultados para o que você deseja. Como ele entende melhor de códigos do que eu, então creio que ele tenha uma carta na manga ainda.

[Tosh]

Obrigado,fico no aguardo.

[artursk]

Leia os seguintes tópicos:

https://ajuda.forumeiros.com/t15748-

https://ajuda.forumeiros.com/t42970-

Ajudei clique em