Modificação das caixas

2 participantes

Ir para baixo

Tópico resolvido Modificação das caixas

Mensagem por konekta Brasil 12.10.11 18:10

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:

https://i.servimg.com/u/f49/16/89/74/34/cats910.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats111.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats17.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats310.jpg
https://i.servimg.com/u/f49/16/89/74/34/cats710.jpg
https://i.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;

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

https://i.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
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por Convidado 12.10.11 18:18

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por konekta Brasil 12.10.11 20:19

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

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por seender 12.10.11 20:23

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'
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por konekta Brasil 13.10.11 3:07

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?
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por konekta Brasil 15.10.11 13:53

podem me ajudar?
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por seender 20.10.11 23:06

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por konekta Brasil 21.10.11 0:05

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

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por seender 21.10.11 0:33

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação das caixas

Mensagem por konekta Brasil 21.10.11 1:43

agora tudo ta certo, obrigado.
konekta Brasil
konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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