Alterar ícone dos botões BBCode

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

Resolvido Alterar ícone dos botões BBCode

Mensagem por *** em 23/10/11, 12:01 pm

Qual é minha questão:
Alguém me poderia passar o novo botão das respostas rápidas do fdf, e explicar os passos de como ativar o mesmo? O botão que quero tem este icon: nas respostas rápidas

Medidas que eu tomei para corrigir o problema:
asdas

Imagens do meu problema:
asdasda

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

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

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Dury em 23/10/11, 12:16 pm

Olá,

Para isso, leia o seguinte tutorial:
Spoiler:

Efeito Jquery

Ás vezes queremos modificar as imagens dos botões bbcodes presentes no fórum e não conseguimos por meio de css, agora por meio de jquery conseguimos a solução, veja como editar tais ícones bbcode nas caixas de resposta.


--> Tutoriais, dicas e Astúcia <--
Alterar ícone dos botões BBCode





- Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

(carregue na imagem para aumentar)
Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.

(carregue na imagem para aumentar)

Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).

(carregue na imagem para aumentar)



- Inserir o código para reproduzir o texto no fórum definido:
Devemos colocá-lo em um campo que seja mostrado no fórum definido, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código.

Para adicionar o código aceda a:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

(carregue na imagem para aumentar)

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h5-regras"></script>



- Código à utilizar:
Código:
    jQuery(document).ready(function() {
            jQuery('button img').each(function() {
                if(jQuery(this).attr('src') == 'Imagem-Texto-Negrito') jQuery(this).attr('src', 'Imagem-Texto-negrito');

        if(jQuery(this).attr('src') == 'Imagem-Texto-Italico') jQuery(this).attr('src', 'Imagem-Texto-Italico');

        if(jQuery(this).attr('src') == 'Imagem-Texto-sublinhado') jQuery(this).attr('src', 'Imagem-Texto-sublinhado');

        if(jQuery(this).attr('src') == 'Imagem-Texto-riscado') jQuery(this).attr('src', 'Imagem-Texto-riscado');

        if(jQuery(this).attr('src') == 'Imagem-Texto-no-centro') jQuery(this).attr('src', 'Imagem-Texto-no-centro');

        if(jQuery(this).attr('src') == 'Imagem-Texto-na-esquerda') jQuery(this).attr('src', 'Imagem-Texto-na-esquerda');

        if(jQuery(this).attr('src') == 'Imagem-Texto-na-direita') jQuery(this).attr('src', 'Imagem-Texto-na-direita');

        if(jQuery(this).attr('src') == 'Imagem-Adicionar-novo-código-no-post') jQuery(this).attr('src', 'Imagem-Adicionar-novo-código-no-post');

        if(jQuery(this).attr('src') == 'Imagem-adicionar-um-novo-emoticon') jQuery(this).attr('src', 'Imagem-adicionar-um-novo-emoticon');

        if(jQuery(this).attr('src') == 'Imagem-Seleção-de-cor') jQuery(this).attr('src', 'Imagem-Seleção-de-cor');

        if(jQuery(this).attr('src') == 'Imagem-Ajuda') jQuery(this).attr('src', 'Imagem-Ajuda');

        if(jQuery(this).attr('src') == 'Imagem-Adicionar-um-novo-link-no-post') jQuery(this).attr('src', 'Imagem-Adicionar-um-novo-link-no-post');

        if(jQuery(this).attr('src') == 'Imagem-Adicionar-novo-vídeo') jQuery(this).attr('src', 'Imagem-Adicionar-novo-vídeo');

        if(jQuery(this).attr('src') == 'Imagem-Texto-em-lista-de-números') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/ordere10.png');

        if(jQuery(this).attr('src') == 'Imagem-adicionar-imagem-no-post') jQuery(this).attr('src', 'Imagem-adicionar-imagem-no-post');

        if(jQuery(this).attr('src') == 'Imagem-Adicionar-quote') jQuery(this).attr('src', 'Imagem-Adicionar-quote');

        if(jQuery(this).attr('src') == 'Imagem-Editor-Wysiwyg') jQuery(this).attr('src', 'Imagem-Editor-Wysiwyg');

        if(jQuery(this).attr('src') == 'Imagem-Texto-em-lista') jQuery(this).attr('src', 'Imagem-Texto-em-lista');

        if(jQuery(this).attr('src') == 'Imagem-Texto-Justificado') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_13.png');

        if(jQuery(this).attr('src') == 'Imagem-Texto-na-Horizontal') jQuery(this).attr('src', 'Imagem-Texto-na-Horizontal');

        if(jQuery(this).attr('src') == 'Imagem-Inserir-Nova-Tabela') jQuery(this).attr('src', 'Imagem-Inserir-Nova-Tabela');

        if(jQuery(this).attr('src') == 'Imagem-enviar-nova-imagem') jQuery(this).attr('src', 'Imagem-enviar-nova-imagem');

        if(jQuery(this).attr('src') == 'Imagem-Adicionar-arquivo-flash') jQuery(this).attr('src', 'Imagem-Adicionar-arquivo-flash');

        if(jQuery(this).attr('src') == 'Imagem-Tamanho-da-fonte') jQuery(this).attr('src', 'Imagem-Tamanho-da-fonte');

        if(jQuery(this).attr('src') == 'Imagem-Selecionar-Fonte') jQuery(this).attr('src', 'Imagem-Selecionar-Fonte');

        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');
            });
        })
   
Nos locais aonde estão 'Imagem-Selecionar-fonte' ou algo do tipo, imagem-... terá de modificar este texto pelo link da imagem representativa de cada um dos botões.



Veja um exemplo de 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');
            });
        })






© Fórum dos Fóruns



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Alterar ícone dos botões BBCode

Até mais.
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Mujica em 23/10/11, 09:50 pm

Olá , (Meu primeiro post no fórum )

Up.

Coloque aqui o código que trabalhamos no item anterior.

No tutorial não tem item anterior, você poderia postar o link deste tutorial ?

abraços.
avatar

Mujica
Nível 9

Masculino
Inscrito dia : 23/10/2011
Mensagens : 222
Pontos Ativos : 332

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

Resolvido Icones de mensagens

Mensagem por fojogo em 24/10/11, 02:22 pm

Qual é minha questão:
Como mudar os icones de mensagens:
http://illiweb.com/fa/pbucket.gif

Medidas que eu tomei para corrigir o problema:
tentar pedir o CSS desses codigos pros donos, mais nao deu nenhum efeito

Imagens do meu problema:
http://illiweb.com/fa/pbucket.gif

Endereço do meu fórum:
royal-arts.forumeiros.com

Versão do meu fórum:
INVISION
avatar

fojogo
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 369
Pontos Ativos : 624

Ver perfil do usuário http://royal-arts.forumeiros.com/

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Luciano98 em 24/10/11, 02:55 pm

Olá!

Leia o seguinte tutorial:
Spoiler:


Salvamento automático nos tópicos
Neste tutorial, vamos aprender a implantar uma ferramenta eficaz em vossos fóruns, que faz com que você possa selecionar e salvar textos na caixa de mensagens dos tópicos. Para isso siga os passos abaixo atenciosamente.

--> Tutoriais, dicas e astúcias <--
Salvamento automático nos tópicos


- Conhecendo o código à ser utilizado:
Antes de mais nada, vamos ter conhecimento do código JavaScript à ser utilizado para fazermos tal função. Para isso, devemos aceder à página indicada no link abaixo, e selecionarmos o código que aparecerá:
Seta Código .JS

- Inserindo o código JavaScript:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

(carregue na imagem para aumentar)

Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Seta Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

- Inserindo o código CSS:
Para a personalização funcionar corretamente, você deverá adicionar um código CSS na sua folha de estilos para que ela não apresente problemas:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(carregue na imagem para aumentar)
Onde terá de adicionar o seguinte código:
#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

- O resultado final:

Funções da Ferramenta


  • Inserir
    O "Inserir" tem como função, inserir na ferramenta as seleções de textos ou imagens que você quer. Para isso é bem simples. Com o botão esquerdo do mouse apertado, passe-o sobre a palavra ou texto desejado, selecionando-o. Assim que o fizer, clique na ferramenta, selecione "inserir" e em "Salvar seleção". Pronto, seu texto já foi guardado. No caso de imagens, somente clique na mesma e novamente salve.


  • Suprimir
    O "Suprimir" tem como função, retirar os salvamentos que você selecionou no passo anterior na ferramenta de salvamentos. Para isso é simples,com o "suprimir" selecionado na ferramenta, simplesmente clique sobre o salvamento desejado para que o mesmo seja retirado.


  • Nomear
    O "Nomear" tem como função, dar títulos aos seus salvamentos, assim personalizando-os. Para fazer tal modificação, na ferramenta de salvamentos, selecione "nomear". Logo após clique no salvamento desejado ao qual irá personalizar. Aparecerá um alerta em sua página, pedindo para adicionar o título desejado: "Título do salvamento:".



--> FAQ <--
Salvamento automático nos tópicos


  • Posso adicionar quantos salvamentos quiser?
    Sim, não há um limite exato para que seja impedido o adicionar de novos salvamentos, somente tome cuidado para não sobrecarregar a ferramenta, e por isso mesmo, o próprio fórum.




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Salvamento automático nos tópicos

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Dury em 25/10/11, 12:31 pm

@fojogo escreveu:Qual é minha questão:
Como mudar os icones de mensagens:
http://illiweb.com/fa/pbucket.gif

Medidas que eu tomei para corrigir o problema:
tentar pedir o CSS desses codigos pros donos, mais nao deu nenhum efeito

Imagens do meu problema:
http://illiweb.com/fa/pbucket.gif

Endereço do meu fórum:
royal-arts.forumeiros.com

Versão do meu fórum:
INVISION
Leia as informações contidas acima "fojogo" e veja se sua questão persiste.

Tópico "Icones de mensagens" unido com "Alterar ícone dos botões BBCode".
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por fojogo em 25/10/11, 01:12 pm

Sobre o tutorial desse post:
http://ajuda.forumeiros.com/t47621-alterar-icone-dos-botoes-bbcode#316933
Na parte 1.4 aonde pede pra por o codigo que utilizamos anterior, qual ´´e o codigo?
avatar

fojogo
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 369
Pontos Ativos : 624

Ver perfil do usuário http://royal-arts.forumeiros.com/

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por fojogo em 25/10/11, 05:05 pm

Olha eu peguei o codigo que muda os icones de mensagens e tentei colocar outros icones, mais quando eu testei ele nao funcionou.

Olha o codigo que eu fiz:
Código:
    jQuery(document).ready(function() {
            jQuery('button img').each(function() {
                if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-bold.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-bold.png');

        if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-italic.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-italic.png');

        if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-underline.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-underline.png');

        if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-strikethrough.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-strikethrough.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_center.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_center.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_left.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_left.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_right.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_right.png');

        if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/mimetypes/application-xml.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/mimetypes/application-xml.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/emoticon_waii.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/emoticon_waii.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/color-fill.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/color-fill.png');

        if(jQuery(this).attr('src') == 'http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/help.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/help.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/application_link.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/application_link.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/mimetypes/image-x-photo-cd.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/mimetypes/image-x-photo-cd.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.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://cdn1.iconfinder.com/data/icons/ledicons/text_list_bullets.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/ledicons/text_list_bullets.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_justify.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_justify.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/text/stock_list-insert-unnumbered.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/text/stock_list-insert-unnumbered.png');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/table.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/table.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/pbucket.gif') jQuery(this).attr('src', 'http://illiweb.com/fa/pbucket.gif');

        if(jQuery(this).attr('src') == 'http://cdn2.iconfinder.com/data/icons/ledicons/page_white_flash.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/page_white_flash.png');

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

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

        if(jQuery(this).attr('src') == 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
            });
        })
avatar

fojogo
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 369
Pontos Ativos : 624

Ver perfil do usuário http://royal-arts.forumeiros.com/

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Dury em 26/10/11, 09:39 pm

Olá,

Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão das páginas HTML ->>
Clique em "Criar uma nova página HTML" e adicione o 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');
                });
            })
Painel de controle ->> Geral ->> Fórum ->> Configuração ->>
Procure pelo campo "Descrição do site", e adicione o seguinte código:
<script src=/h8-></script>
Modifique o valor em vermelho pelo número de ID da página que criamos com o código que lhe passei acima, que no caso é o dos botões alterados.
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por fojogo em 28/10/11, 02:17 pm

Entao, eu gostaria do codigo com os icones que estao no codigo que eu postei na minha ultima mensagem, voce pode fazer isso pra mim,?
avatar

fojogo
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 369
Pontos Ativos : 624

Ver perfil do usuário http://royal-arts.forumeiros.com/

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Consolado em 28/10/11, 02:30 pm

Boa tarde!

Autor, veja se é o que deseja no 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://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-bold.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_italic.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-italic.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_underline.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-underline.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_strikethrough.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/tango/16x16/actions/format-text-strikethrough.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_center.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_center.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_left.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_left.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_right.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_right.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_code.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/mimetypes/application-xml.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/smiles/icon_smile.gif') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/emoticon_waii.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/color_swatch.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/color-fill.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/help.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/help.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/link.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/application_link.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/film.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_flash.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/media_player_small_blue.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/oxygen/16x16/mimetypes/image-x-photo-cd.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.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://cdn1.iconfinder.com/data/icons/ledicons/text_list_bullets.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_align_justify.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/text_align_justify.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/text_list_numbers.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/text/stock_list-insert-unnumbered.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/table.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/table.png');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture_save.png') jQuery(this).attr('src', 'http://illiweb.com/fa/pbucket.gif');

        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/page_white_flash.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/page_white_flash.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://i26.servimg.com/u/f26/12/56/56/12/separa10.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
            });
        })

Até logo!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por fojogo em 28/10/11, 04:31 pm

Funcionou, muito obrigado ^^
avatar

fojogo
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 369
Pontos Ativos : 624

Ver perfil do usuário http://royal-arts.forumeiros.com/

Resolvido Re: Alterar ícone dos botões BBCode

Mensagem por Dury em 28/10/11, 08:42 pm

Olá,

Se o autor não se pronunciar em dentro de três dias, o tópico será concluído.
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