Alterar ícone dos botões BBCode

por *** 23.10.11 15:01

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: Alterar ícone dos botões BBCode Save10

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

por Dury 23.10.11 15:16

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

1º - 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)

Alterar ícone dos botões BBCode Untitl13

Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

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.

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.

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)

Alterar ícone dos botões BBCode Untitl14

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)

Alterar ícone dos botões BBCode Untitl15

2º - 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="https://ajuda.forumeiros.com/h5-regras"></script>

3º - 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://2img.net/i/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://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'); }); })

Alterar ícone dos botões BBCode Sem_ta11

Alterar ícone dos botões BBCode Act_bottom

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.

por Mujica 24.10.11 0:50

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.

por fojogo 24.10.11 17:22

Qual é minha questão:
Como mudar os icones de mensagens:
https://2img.net/h/i1102.photobucket.com/albums/g453/Fojogo/Outros/4.png

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:
https://2img.net/h/i1102.photobucket.com/albums/g453/Fojogo/Outros/4.png

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

Versão do meu fórum:
INVISION

por Luciano98 24.10.11 17:55

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

1º - 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

2º - 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)

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;

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;

Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;

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.

3º - 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(https://2img.net/i/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; }

3º - 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.

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.

por Dury 25.10.11 15:31

fojogo escreveu:Qual é minha questão:
Como mudar os icones de mensagens:
https://2img.net/h/i1102.photobucket.com/albums/g453/Fojogo/Outros/4.png

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:
https://2img.net/h/i1102.photobucket.com/albums/g453/Fojogo/Outros/4.png

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".

por fojogo 25.10.11 16:12

Sobre o tutorial desse post:
https://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?

por fojogo 25.10.11 20:05

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://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://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://i1102.photobucket.com/albums/g453/Fojogo/Outros/RoyalArts%20-%20ETC/image-x-photo-cd.png') jQuery(this).attr('src', 'http://i1102.photobucket.com/albums/g453/Fojogo/Outros/RoyalArts%20-%20ETC/image-x-photo-cd.png'); 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'); }); })

por Dury 27.10.11 0:39

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://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'); }); })

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.

por fojogo 28.10.11 17:17

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,?

por Consolado 28.10.11 17:30

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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/link.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/application_link.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.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://cdn1.iconfinder.com/data/icons/ledicons/text_list_bullets.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/table.png') jQuery(this).attr('src', 'http://cdn2.iconfinder.com/data/icons/ledicons/table.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/picture_save.png') jQuery(this).attr('src', 'http://i1102.photobucket.com/albums/g453/Fojogo/Outros/RoyalArts%20-%20ETC/image-x-photo-cd.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/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://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://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!

por fojogo 28.10.11 19:31

Funcionou, muito obrigado ^^

por Dury 28.10.11 23:42

Olá,

Se o autor não se pronunciar em dentro de três dias, o tópico será concluído.

Alterar ícone dos botões BBCode

Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Icones de mensagens

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode

Re: Alterar ícone dos botões BBCode