Mudar forma das caixas de menasgem.

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

Resolvido Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 22/12/11, 11:21 pm

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:


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

Versão do meu fórum:
Phpbb3
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru em 22/12/11, 11:26 pm

OI,

É o seu fórum de testes?

Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 22/12/11, 11:27 pm

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

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru em 22/12/11, 11:29 pm

Olá,

Você quer 2 tipos de categorias diferente, certo?

avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 22/12/11, 11:31 pm

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

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru em 22/12/11, 11:33 pm

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
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 22/12/11, 11:38 pm

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://illiweb.com/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;
}
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru em 22/12/11, 11:42 pm

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
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Convidad em 23/12/11, 02:34 am

Olá,

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

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

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 11:47 am

Não resultou as 2 coisas !


UP !! Ajuda/Confuso
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Setsumaru em 23/12/11, 12:02 pm

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
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 12:11 pm

Não resultou ...
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 12:19 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 12:21 pm

Não resultou ...
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 12:25 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 12:43 pm

Nao resultou .
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 12:50 pm

Os dois foruns são seus?
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 01:05 pm

Sim
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 01:11 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 01:14 pm

Eu sei mas eu quero fazer outro tema ...
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 01:16 pm

É so você ir modificando a seu gosto.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 01:18 pm

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

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por MateusV. em 23/12/11, 01:25 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 23/12/11, 01:29 pm

Ja fiz isso mas nao aparece nada :s
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 24/12/11, 02:48 pm

UP ! Ajuda/Confuso
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 25/12/11, 11:01 pm

UPPP ! Bravo
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Mudar forma das caixas de menasgem.

Mensagem por Rivas™ em 27/12/11, 06:16 pm

UPPP ! Bravo
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

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