Mudar forma das caixas de menasgem.

3 participantes

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

Tópico resolvido Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 1:21

Qual é minha questão:
Olá.

Vejam a print, o meu fórum de testes ta como mostra a 1º parte da print ta em barras pretas e queria por na forma da 2º parte da print, queria por arredondado.

Simplesmente quero por igual ao 2 parte da print, e vi neste fórum:

www.forum-frito.forumeiros.com

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Imagens do meu problema:
Mudar forma das caixas de menasgem. Semttulozas

Endereço do meu fórum:
Forum de Testes !

Versão do meu fórum:
Phpbb3
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru 23.12.11 1:26

OI,

É o seu fórum de testes?

Envergonhado
Setsumaru

Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 1:27

Não esse é mesmo o meu fórum, mas eu quero por essa forma no meu forum de testes para 1 novo tema [:
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru 23.12.11 1:29

Olá,

Você quer 2 tipos de categorias diferente, certo?

Setsumaru

Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 1:31

Eu quero aquela forma azul das categorias o código dela para por no testes ...
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru 23.12.11 1:33

Olá,

Tente o seguinte:

table.forumline tr th[nowrap="nowrap"]{-moz-border-radius:20px!important;-webkit-border-radius:20px!important;border-radius:20px!important;border:1px solid #000000}table.forumline tr:last-child td.over:last-child{-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px}
Caso não funcione tente este:
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

Siga: Seta Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de Estilo CSS
Setsumaru

Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 1:38

Nao resultou tá aqui a minha CSS:

Código:
#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:10px}#page-header .navbar ul.linklist li:hover{background:url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif) not-repet}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}
body{background:#D6D6D6 url() repeat-x -10px -3px;margin-top:260px;padding:20px 30px 30px}#page-header .navbar{-moz-box-shadow:0 0 1em #f2f2;-webkit-box-shadow:3px 3px 5px #f2f2;background:none;border:0 solid #ccc;box-shadow:3px 3px 5px #f2f2;left:0;margin:0 auto;padding:160px;position:absolute;right:0;text-align:center;top:5px}#page-header #logo{position:absolute;top:80px}.dterm img{margin-left:-12px}
.navbar #search-box{display:none}

#wrap { margin-top: -10px; margin-bottom: -10px; padding: 15px; border: 4px solid #c4c5cb; }
dd.topics { visibility: hidden; }

.postprofile { padding-top: 5px; border: 1px solid #E9E9E9; background-color: #f2f2f3; display: block; text-align: center; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }

.post span.corners-top{ background: url('http://i42.servimg.com/u/f42/17/02/91/26/f11.pnghttp://i21.servimg.com/u/f21/16/11/23/46/barra11.png');height: 33px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.post span.corners-bottom{ background: url('http://i42.servimg.com/u/f42/17/02/91/26/f11.png');height: 34px; margin-top: 15px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

.postprofile dd { text-align: left; }
.post { background-color: #FAFAFA; border-top-style: solid;  border-top-color: #E9E9E9; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.search-box { visibility: hidden; }
#search-box { visibility: hidden; }

.module { background-color: #FAFAFA; border-top-style: solid;  border-top-color: #E9E9E9; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; border-bottom-width: 1px; border-left: 1px #E9E9E9 solid; border-right: 1px #E9E9E9 solid; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.module span.corners-top{ background: url('http://i42.servimg.com/u/f42/17/02/91/26/f11.png');height: 33px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.module span.corners-bottom{ background: url('http://i42.servimg.com/u/f42/17/02/91/26/f11.png');height: 34px; margin-top: 15px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

h3,.h3 { background: url(http://i21.servimg.com/u/f21/16/11/23/46/h2line10.png) left bottom no-repeat; font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; border: 0px; padding-bottom: 5px; font-size: 9px;} 

.hierarchy {background: none;}
.hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);}

ul.navlinks { border: none; margin-top: -16px; }
#logo { margin-top: -10px; }
.navbar ul.navlinks li{padding-left:1px!important}

0000000select bloq0000000

if(document.location.protocol=='http:'){var Tynt=Tynt||[];Tynt.push('b5uHD-h_Wr4lBsadbi-bnq');Tynt.i={"ap":"Copiado de:
 "};(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h)})()}
.forabg .topics{visibility:visible}
    .module .h3{position:relative;bottom:30px}
   
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru 23.12.11 1:42

Oi denovo,

No final do código, retire o código:
Código:
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

E substitua por este:
Código:
table.forumline tr th[nowrap="nowrap"]{-moz-border-radius:20px!important;-webkit-border-radius:20px!important;border-radius:20px!important;border:1px solid #000000}table.forumline tr:last-child td.over:last-child{-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px}

Envergonhado
Setsumaru

Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Convidad 23.12.11 4:34

Olá,

Você poderá ler o tópico abaixo, ele lhe mostrará códigos para fazer o arredondamento das categorias;

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

Atenciosamente. Feliz aniversário
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 13:47

Não resultou as 2 coisas !


UP !! Ajuda/Confuso
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru 23.12.11 14:02

Olá,

Siga: Seta Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS

Lá, adicione este código:
Código:
.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


O valor #000000 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
Setsumaru

Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 14:11

Não resultou ...
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 14:19

Olá, vá em:
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.icon{margin-left: -22px;
padding-left: 22px;}

.forumbg .icon{margin-left: -22px;
padding-left: 22px;}
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 14:21

Não resultou ...
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 14:25

Adicione os seguintes codigos na folha de estilo CSS:
Código:
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

Código:
.icon{margin-left: -20px;
padding-left: 22px;}

.forumbg .icon{margin-left: -22px;
padding-left: 22px;}

Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 14:43

Nao resultou .
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 14:50

Os dois foruns são seus?
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 15:05

Sim
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 15:11

Então importe e exporte o tema, vá em:
Painel Seta Visualização Seta Temas Seta Gestão dos temas Flecha ajudeiros em "Exportar o tema" você escolhe o que quer exportar(Nesse caso o tema todo) Flecha ajudeiros E clique em "Exportar", depois repita o proxedimento no outro forum, so que desta vez va na aba de baixo "Importar o tema" escolha o arquivo do tema que você exportou e clique em "Importar"
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 15:14

Eu sei mas eu quero fazer outro tema ...
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 15:16

É so você ir modificando a seu gosto.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 15:18

Mas eu quero o tema que tenho no de teste que e por causa duma cena ...
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. 23.12.11 15:25

Então tente pegar a folha de CSS do outro forum e passar para o de teste.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 23.12.11 15:29

Ja fiz isso mas nao aparece nada :s
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 24.12.11 16:48

UP ! Ajuda/Confuso
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 26.12.11 1:01

UPPP ! Bravo
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ 27.12.11 20:16

UPPP ! Bravo
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

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


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