Mudar forma das caixas de menasgem.
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
Mudar forma das caixas de menasgem.
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
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
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Não esse é mesmo o meu fórum, mas eu quero por essa forma no meu forum de testes para 1 novo tema [:
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Eu quero aquela forma azul das categorias o código dela para por no testes ...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Olá,
Tente o seguinte:
Siga: Painel Visualização Imagens e Cores Cores Folha de Estilo CSS
Tente o seguinte:
Caso não funcione tente este: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}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
Siga: Painel Visualização Imagens e Cores Cores Folha de Estilo CSS
Re: Mudar forma das caixas de menasgem.
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™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Oi denovo,
No final do código, retire o código:
E substitua por este:
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}
Re: Mudar forma das caixas de menasgem.
Olá,
Você poderá ler o tópico abaixo, ele lhe mostrará códigos para fazer o arredondamento das categorias;
https://ajuda.forumeiros.com/t42970-
Atenciosamente.
Você poderá ler o tópico abaixo, ele lhe mostrará códigos para fazer o arredondamento das categorias;
https://ajuda.forumeiros.com/t42970-
Atenciosamente.
Convidad- Convidado
Re: Mudar forma das caixas de menasgem.
Não resultou as 2 coisas !
UP !!
UP !!
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Olá,
Siga: Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Lá, adicione este código:
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
Siga: Painel de Controle Visualização Imagens e Cores Cores 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
Re: Mudar forma das caixas de menasgem.
Não resultou ...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Olá, vá em:
Painel de controle Visualização Cores "Aba" Folha CSS.
Adicione no conteúdo:
Painel de controle Visualização Cores "Aba" Folha CSS.
Adicione no conteúdo:
- Código:
.icon{margin-left: -22px;
padding-left: 22px;}
.forumbg .icon{margin-left: -22px;
padding-left: 22px;}
Re: Mudar forma das caixas de menasgem.
Não resultou ...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Adicione os seguintes codigos na folha de estilo CSS:
Painel de controle Visualização Cores "Aba" Folha 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 Visualização Cores "Aba" Folha CSS.
Re: Mudar forma das caixas de menasgem.
Nao resultou .
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Então importe e exporte o tema, vá em:
Painel Visualização Temas Gestão dos temas em "Exportar o tema" você escolhe o que quer exportar(Nesse caso o tema todo) 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"
Painel Visualização Temas Gestão dos temas em "Exportar o tema" você escolhe o que quer exportar(Nesse caso o tema todo) 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"
Re: Mudar forma das caixas de menasgem.
Eu sei mas eu quero fazer outro tema ...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Mas eu quero o tema que tenho no de teste que e por causa duma cena ...
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Re: Mudar forma das caixas de menasgem.
Então tente pegar a folha de CSS do outro forum e passar para o de teste.
Re: Mudar forma das caixas de menasgem.
Ja fiz isso mas nao aparece nada :s
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Rivas™- Membro
- Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438
Tópicos semelhantes
» Mudar caixas de usuários online, grupos e aniversariantes
» Personalizar caixas do perfil
» Modificação das caixas
» Problema nas caixas de texto
» Personalização das caixas de textos
» Personalizar caixas do perfil
» Modificação das caixas
» Problema nas caixas de texto
» Personalização das caixas de textos
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