Personalizar botões do fórum com CSS

3 participantes

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

Tópico resolvido Personalizar botões do fórum com CSS

Mensagem por Nicker 28.06.11 18:22

Qual é sua questão:
Olá,
Eu estava olhado alguns tópicos aki na FDF, e encontrei o seguinte tópico : https://ajuda.forumeiros.com/t42211-preciso-do-css-de-um-tema#279212
E uma coisa que me chamou a atenção foi isso :
Personalizar botões do fórum com CSS Sem_ta21
Ao tentar reproduzir o mesmo efeito no meu fórum, tudo iai perfeito mais ai apareceu o seguinte problema :
Personalizar botões do fórum com CSS Cats13
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://2img.net/i/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):
https://i.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
Nicker

Nicker
Membro

Membro desde : 04/05/2010
Mensagens : 549
Pontos : 780

http://www.publieiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Droxiz 28.06.11 20:08

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://2img.net/i/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 22:44, editado 1 vez(es)
Droxiz

Droxiz
***

Membro desde : 25/06/2011
Mensagens : 160
Pontos : 216

http://planetpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Nicker 28.06.11 21:04

Olá,
Resolveu. Porém apareceu outros problemas olha só :
1 - Personalizar botões do fórum com CSS Cats14
2 - Personalizar botões do fórum com CSS 210
Tem como resolver ?
Até mais.
Nicker

Nicker
Membro

Membro desde : 04/05/2010
Mensagens : 549
Pontos : 780

http://www.publieiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Dury 29.06.11 1:14

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://2img.net/i/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
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Droxiz 29.06.11 1:28

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://2img.net/i/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:


Resolve?

Atenciosamente,
Droxiz
Droxiz

Droxiz
***

Membro desde : 25/06/2011
Mensagens : 160
Pontos : 216

http://planetpt.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Nicker 29.06.11 2:57

Com relação ao primeiro problema ta resolvido, só que agora apareceu esse outro
Outro problema :
Personalizar botões do fórum com CSS Cats15
Tem como resolver ?
Até mais.
Nicker

Nicker
Membro

Membro desde : 04/05/2010
Mensagens : 549
Pontos : 780

http://www.publieiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do fórum com CSS

Mensagem por Dury 29.06.11 3:08

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://2img.net/i/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 }
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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