Modificação das caixas

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

Resolvido Modificação das caixas

Mensagem por konekta Brasil em 12/10/11, 02:10 pm

Qual é minha questão:

Bom, reparei que todos os fóruns da forumeiros já vem adapitado os botões todos iguais, estou falando destes botoes:

http://i49.servimg.com/u/f49/16/89/74/34/cats910.jpg
http://i49.servimg.com/u/f49/16/89/74/34/cats111.jpg
http://i49.servimg.com/u/f49/16/89/74/34/cats17.jpg
http://i49.servimg.com/u/f49/16/89/74/34/cats310.jpg
http://i49.servimg.com/u/f49/16/89/74/34/cats710.jpg
http://i49.servimg.com/u/f49/16/89/74/34/cats810.jpg

Fui e achei um fórum da forumeiros que ele tem os botoes diferentes, olhem;

http://i49.servimg.com/u/f49/16/89/74/34/cats410.jpg
quando passa o mouse ele fica assim: http://i49.servimg.com/u/f49/16/89/74/34/510.jpg

http://i49.servimg.com/u/f49/16/89/74/34/cats610.jpg

gostaria de saber como mudo todos esses tipos de botoes do fórum para estes abaixo.



Endereço do meu fórum:
mundonet.forum.st

Versão do meu fórum:
PHPBB3
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificação das caixas

Mensagem por Luks_Ponte em 12/10/11, 02:18 pm

Poderia mandar o link do fórum que viu isso? '-'
Dá pra retirar pelo CF, talvez. '-'
avatar

Luks_Ponte
Nível 10

Masculino
Inscrito dia : 22/10/2010
Mensagens : 276
Pontos Ativos : 411

Ver perfil do usuário http://brasilplaylife.forumeiros.net/forum.htm

Resolvido Re: Modificação das caixas

Mensagem por konekta Brasil em 12/10/11, 04:19 pm

http://forum-frito.forumeiros.com/
é somente alguns botoes que são iguais aos que estou precisando.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificação das caixas

Mensagem por seender em 12/10/11, 04:23 pm

Olá!

Adicione este código:
Código:
button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Modificação das caixas

Mensagem por konekta Brasil em 12/10/11, 11:07 pm

Olá sendeer,

O codigo funcionou para algumas caixas, as outras como: Quando cria um novo topico, o SALVAR ta o mesmo, no menu quando clica em BUSCAR e tem aquele GO pra pesquisar, ele tambem continuou o mesmo, quando abre no menu o PERFIL o salvar tambem esta normal, em PERFIL> AVATAR o EXIBIR BALERIA tambem esta normal, em PERFIL> AMIGOS E IGNORADOS o ADCIONAR tambem esta normal, em PERFIL> TOPICOS SUPERVISIONADOS o botao PARAR DE SUPERVISIONAL OS TOPICOS SELECIONADOS tambem esta normal, em PERFIL> RASCUNHOS o botao ESCLUIR RASCUNHOS SELECIONADOS tambem esta normal, no menu em MENSAGENS PRIVADAS o botao SALVAR A SELEÇÃO a normal tambem, em REGISTRAR o botao ACEITO OS TERMOS esta normal tambem, depois do primeiro passo de registrar o salvar tambem ta normal, em LOGIN o botao login tambem esta normal.

bom, achei somente esses que estao normais ainda, o SALVAR de todos os lugares parece tar normal, em como por do jeit que eu qero esses botoes?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificação das caixas

Mensagem por konekta Brasil em 15/10/11, 09:53 am

podem me ajudar?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificação das caixas

Mensagem por seender em 20/10/11, 08:06 pm

Olá!

Adicione mais estes códigos:
Código:
#tabs a{
margin: 10px;
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

#tabs .activetab a {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;}
.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}
.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}
input[type="text"],input[type="password"]{background-image: none !important;}
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Modificação das caixas

Mensagem por konekta Brasil em 20/10/11, 09:05 pm

Seender, esse codigo fez com que modificasse as respostas dos topicos e não altero os botoes que citei ..
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Modificação das caixas

Mensagem por seender em 20/10/11, 09:33 pm

Olá!

Remova os outros códigos e utilize somente este:
Código:
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
}
input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
border: 1px solid #46a9af;
color: #46a9af;
}
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Modificação das caixas

Mensagem por konekta Brasil em 20/10/11, 10:43 pm

agora tudo ta certo, obrigado.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

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