Personalizar botões do fórum com CSS

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

Resolvido Personalizar botões do fórum com CSS

Mensagem por Nicker em 28/06/11, 02:22 pm

Qual é sua questão:
Olá,
Eu estava olhado alguns tópicos aki na FDF, e encontrei o seguinte tópico : http://ajuda.forumeiros.com/t42211-preciso-do-css-de-um-tema#279212
E uma coisa que me chamou a atenção foi isso :

Ao tentar reproduzir o mesmo efeito no meu fórum, tudo iai perfeito mais ai apareceu o seguinte problema :

Obsever que o espaço para escrever o titulo, ficou muito pequeno. Gostaria de saber como resolver isso. o código usado é este :
Código:
    #format-buttons input, #format-buttons select, button.button2 {vertical-align: middle;}

    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 1px 0;}

    #text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

    a.button2, button.button2, input.button2 {border: 1px solid #BCBCBC;}

    button.button2, input.button1, input.button2 {font-size: 1em;}


Que medidas você tomou para corrigir o problema:
Tentei modicar o código.

Apresente-nos imagens do problema (se necessário):
http://i49.servimg.com/u/f49/16/59/51/76/cats13.jpg

Endereço do fórum:
www.upgame.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Nicker
Usuário destaque

Masculino
Inscrito dia : 04/05/2010
Mensagens : 549
Pontos Ativos : 780

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

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Droxiz em 28/06/11, 04:08 pm

Veja se este funciona como deseja:
Código:
        #format-buttons input, #format-buttons select, button.button2 {vertical-align: right;}

        a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10%; height:100px !important;}

        #text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;height: auto !important; width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
#text_editor_iframe{
height: 300px !important;
width:700px !important }

input{
width:700px !important;
}

EDIT
Realmente, aqui deu o mesmo erro, me desculpe não tinha reparado nisso. Tentei consertar e não consegui. Triste

Atenciosamente,
Droxiz.


Última edição por Droxiz em 28/06/11, 06:44 pm, editado 1 vez(es)
avatar

Droxiz
Nível 9

Masculino
Inscrito dia : 25/06/2011
Mensagens : 160
Pontos Ativos : 216

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

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Nicker em 28/06/11, 05:04 pm

Olá,
Resolveu. Porém apareceu outros problemas olha só :
1 -
2 -
Tem como resolver ?
Até mais.
avatar

Nicker
Usuário destaque

Masculino
Inscrito dia : 04/05/2010
Mensagens : 549
Pontos Ativos : 780

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

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Dury em 28/06/11, 09:14 pm

Olá,

Nicker, substitua por este:
Código:
      #format-buttons input, #format-buttons select, button.button2 {vertical-align: none;}

        a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10px; height:27px !important;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#text_editor_iframe{
height: 100px !important;
width:400px !important }

input{
width:400px !important;
}

Até mais!
Muito feliz
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Droxiz em 28/06/11, 09:28 pm

Ah, acho que consegui.
Pelo menos aqui no meu deu certo. Ele só da um bug referente ao ícones do tópico mas vejo que você não usa isso.
Código:

            #format-buttons input, #format-buttons select, button.button2 {vertical-align: right;}

            a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10%; height:100px !important;}

            #text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;height: auto !important; width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
    #text_editor_iframe{
    height: 100% !important;
    width:100% !important }

    input{
    width:100% !important;
    }

Informação sobre como diminuir se assim desejar:
#format-buttons input, #format-buttons select, button.button2 {vertical-align: right;}

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10%; height:100px !important;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;height: auto !important; width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
#text_editor_iframe{
height: 100% !important;
width:100% !important }

input{
width:100% !important;
}

Mudança: Coloquei pra trabalhar com %, ae ele não passa do limite independente de que tamanho seja Feliz, se quizer diminuir mude o que está em azul.


Resolve?

Atenciosamente,
Droxiz
avatar

Droxiz
Nível 9

Masculino
Inscrito dia : 25/06/2011
Mensagens : 160
Pontos Ativos : 216

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

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Nicker em 28/06/11, 10:57 pm

Com relação ao primeiro problema ta resolvido, só que agora apareceu esse outro
Outro problema :

Tem como resolver ?
Até mais.
avatar

Nicker
Usuário destaque

Masculino
Inscrito dia : 04/05/2010
Mensagens : 549
Pontos Ativos : 780

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

Resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Dury em 28/06/11, 11:08 pm

Olá,

Nicker, substitua para este modificado:
Código:
      #format-buttons input, #format-buttons select, button.button2 {vertical-align: none;}

        a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10px; height:27px !important;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {background-color: #FAFAFA;background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position: top;background-repeat: repeat-x;color: black;font-family: Verdana,Arial,Helvetica,sans-serif;overflow: visible;padding: 2px 3px;width: auto!important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#text_editor_iframe{
height: 100px !important;
width:400px !important }
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

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