Personalizar dois botões

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

Resolvido Personalizar dois botões

Mensagem por StyLe® em 24/09/12, 02:58 pm

Qual é minha questão:
Bom eu queria deixar esses dois botões do meu fórum igual ao do FDF


Porem eu tenho já o CSS mais esses dois botões não fica porque esses botões e feito de JQuery

2 Botões JQuery
Código:
jQuery(document).ready(function(){jQuery('.topic-actions div.buttons:last').append('<div class="msg"><br><br><br><br><select id="msg-pr"><option value="[size=14][color=red][b][i]Tópico movido para a Lixeira[/i][/b][/color][/size]">Tópico movido para a Lixeira</option><option value="[size=14][color=red][b][i]Tópico excluído em breve[/i][/b][/color][/size]">Tópico excluído em breve</option><option value="[size=14][color=orange][b][i]Tópico bloqueado[/i][/b][/color][/size]">Tópico bloqueado</option><option value="[size=14][color=orange][b][i]Tópico desbloqueado[/i][/b][/color][/size]">Tópico desbloqueado</option><option value="[size=14][color=orange][b][i]Sugestão em estudo[/i][/b][/color][/size]">Sugestão em estudo</option><option value="[size=14][color=red][b][i]Sugestão recusada[/i][/b][/color][/size]">Sugestão recusada</option><option value="[size=14][color=green][b][i]Sugestão aceita[/i][/b][/color][/size]">Sugestão aceita</option><option value="Membro satisfeito(a) \n [b][i][color=green][size=14] Tópico movido para Arquivo: Pedidos Finalizados [/size][/color][/i][/b]">Pedidos Finalizados</option></select><input type="submit" value="Gerar código" id="gerar-msg" /><input type="submit" value="Limpar caixa" id="limpar-msg" /><br>'); jQuery('#gerar-msg').click(function() { jQuery('#text_editor_textarea').val(jQuery('#text_editor_textarea').val() + jQuery('#msg-pr').val()); });jQuery('#limpar-msg').click(function() {jQuery('#text_editor_textarea').val(''); }); });

Css botões do FDF
Código:
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}


Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3


Última edição por StyLe® em 25/09/12, 10:10 am, editado 1 vez(es)

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Personalizar dois botões

Mensagem por Ace em 24/09/12, 03:02 pm

Olá,

Poderia explicar melhor sua dúvida?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar dois botões

Mensagem por StyLe® em 24/09/12, 03:11 pm

Claro eu quero deixar os botões Gerar código e Limpar caixa como o do FDF

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Personalizar dois botões

Mensagem por Convidado em 24/09/12, 03:17 pm

Boas,
aqui no fórum a dois botões de gerar caixa de código nem sabia ta vamos o assunto!
troca por este o de folha de estilo css
Código:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}
Resultou?

Convidado
Convidado


Resolvido Re: Personalizar dois botões

Mensagem por StyLe® em 24/09/12, 04:02 pm

Cara não resultou como dito é para meu fórum

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Personalizar dois botões

Mensagem por Sennior em 24/09/12, 10:16 pm

Boa noite,

Ainda não compreendi o que deseja, poderia ser mais claro?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar dois botões

Mensagem por StyLe® em 25/09/12, 10:01 am

Pode fechar já resolvi

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

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