Personalizar botoes das mensagens

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

Resolvido Personalizar botoes das mensagens

Mensagem por gabrielgeh em 06/09/12, 06:15 pm

Qual é minha questão:
Queria colocar imagens nos botoes do meu forum.
Colocar na hora de escrever as mensagens os botoes que tem as opcoes como mudar fonte, cor , tamanho, etc. estao uum botao normal com o texto nele eu queria colocar
imagens nos botoes como no forum:

http://gmbr.forumeiros.com/


Links e imagens do meu problema:
como esta meu forum abaixo:


como quero que fique meu forum:


Endereço do meu fórum:
http://gmgg.forumeiros.com

Versão do meu fórum:
Não sei


Última edição por gabrielgeh em 10/09/12, 06:42 pm, editado 2 vez(es)
avatar

gabrielgeh
Nível 3

Masculino
Inscrito dia : 06/09/2012
Mensagens : 21
Pontos Ativos : 39

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

Resolvido Re: Personalizar botoes das mensagens

Mensagem por Sennior em 06/09/12, 07:34 pm

Olá,

Não pude entender bem o que deseja, mas por via das dúvidas leia:


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 botoes das mensagens

Mensagem por gabrielgeh em 06/09/12, 07:51 pm

Atualizei o topico coloquei imagens para descrever meu problema.
responde la pessoal to travado nesta parte desde ontem...
Abraços
avatar

gabrielgeh
Nível 3

Masculino
Inscrito dia : 06/09/2012
Mensagens : 21
Pontos Ativos : 39

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

Resolvido Re: Personalizar botoes das mensagens

Mensagem por BrunoH. em 06/09/12, 08:10 pm

Olá!
Aceda sua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
a.cgu-buttons,button.button2,input.button1,input.button2{background-image:url();border:1px solid #DDD;border-radius:2px;color:#666;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px;text-align:center;text-decoration:none}a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover{background-color:#999;background-image:url();border:1px solid #999;border-radius:2px;color:#fff;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px}
e Valide!

Abraços,
HeadShot_. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh em 06/09/12, 08:37 pm

Não é bem isso que eu to querendo ja melhorou um poouco a aparencia com certeza.

Qeria que ficasse igual na imagem la de cima ou ate como é os bbotoes da caixa de resposta rapida aqui do forum tambem serve.

falo desses botoes de negrito, italico, citar, link , etc...

Me deem uma mão ai pessoal ...
Abraços
avatar

gabrielgeh
Nível 3

Masculino
Inscrito dia : 06/09/2012
Mensagens : 21
Pontos Ativos : 39

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

Resolvido Re: Personalizar botoes das mensagens

Mensagem por Josh em 06/09/12, 09:41 pm

Olá!

Crie uma página HTML com o seguinte código:
Código:
    jQuery(document).ready(function() {
            jQuery('button img').each(function() {
                if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_bold.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/bold10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_italic.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/italic10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_underline.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/underl10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_strikethrough.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/strike10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_center.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_left.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_11.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_right.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_12.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_code.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/code10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/smiles/icon_smile.gif') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/color_swatch.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/help.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/help10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/link.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/link10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/film.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/media10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_list_numbers.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/ordere10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/quote10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/switch_wysiwyg.gif') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/remove12.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_list_bullets.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/unorde10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_justify.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_13.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_horizontalrule.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/text_h10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/table.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/table10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture_save.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/pictur11.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_flash.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/page_w10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/style.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/size10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/font.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/fon10.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/separator.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
            });
        })
Feito isto, na descrição do fórum adicione este script:

Abraços!
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh em 06/09/12, 10:09 pm

Affs depois de inumeras tentativas continuo ainda sem conseguir chegar ao meu objetivo affs
avatar

gabrielgeh
Nível 3

Masculino
Inscrito dia : 06/09/2012
Mensagens : 21
Pontos Ativos : 39

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

Resolvido Re: Personalizar botoes das mensagens

Mensagem por BrunoH. em 07/09/12, 08:47 am

Olá amigo,
tentou colocar o código fornecido por nosso amigo Josh e mesmo assim não resulta?
Por favor crie a página HTML e se puder me manda o Link dela para eu dar uma olhada agradeço...

Abraços,
HeadShot_. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh em 10/09/12, 06:43 pm

Consegui uma pesoa de confiança que resolveu meu prblema diretamente no meu forum,
obrigado a todos que postaram e me ajudaram.
avatar

gabrielgeh
Nível 3

Masculino
Inscrito dia : 06/09/2012
Mensagens : 21
Pontos Ativos : 39

Ver perfil do usuário http://mnge.forumeiros.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