Personalizar botoes das mensagens Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar botoes das mensagens

4 participantes

Ir para baixo

Tópico resolvido Personalizar botoes das mensagens

Mensagem por gabrielgeh 06.09.12 22:15

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:
Personalizar botoes das mensagens Comoesta

como quero que fique meu forum:
Personalizar botoes das mensagens Comoqueroquefica

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 22:42, editado 2 vez(es)
gabrielgeh
gabrielgeh
Novo Membro

Membro desde : 06/09/2012
Mensagens : 21
Pontos : 39

http://mnge.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por Sennior 06.09.12 23:34

Olá,

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


Até mais!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh 06.09.12 23:51

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

Membro desde : 06/09/2012
Mensagens : 21
Pontos : 39

http://mnge.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por BrunoH. 07.09.12 0:10

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
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh 07.09.12 0:37

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
gabrielgeh
gabrielgeh
Novo Membro

Membro desde : 06/09/2012
Mensagens : 21
Pontos : 39

http://mnge.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por Josh 07.09.12 1:41

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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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!
Josh
Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh 07.09.12 2:09

Affs depois de inumeras tentativas continuo ainda sem conseguir chegar ao meu objetivo affs
gabrielgeh
gabrielgeh
Novo Membro

Membro desde : 06/09/2012
Mensagens : 21
Pontos : 39

http://mnge.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por BrunoH. 07.09.12 12:47

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
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botoes das mensagens

Mensagem por gabrielgeh 10.09.12 22:43

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

Membro desde : 06/09/2012
Mensagens : 21
Pontos : 39

http://mnge.forumeiros.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