The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change bbcode icons?

View previous topic View next topic Go down

Solved How to change bbcode icons?

Post by TheNewBieber on March 7th 2011, 12:58 am

Hello! I would like to change the BBcode icons when you quick reply / reply to a topic! I have nicer, sleeker buttons that I want on my forum! I was wondering if I can replace them with CSS or Jquery? I'm not very experienced in either one of those so I am asking is it possible to change the icons?

This is what I'm talking about


Thanks in advance!
~TNB

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by TheNewBieber on March 8th 2011, 1:17 am

Bump..

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by -17emon.KiD- on March 8th 2011, 2:12 am

i dont think you can change it

-17emon.KiD-
Forumember

Posts : 58
Reputation : 10
Language : english

http://pspslimhacks.darkbb.com

Back to top Go down

Solved Re: How to change bbcode icons?

Post by TheNewBieber on March 8th 2011, 3:49 am

I've seen some forums have it and it really looks nice. I don't want to copy it exactly but just make some buttons look better.

I know if people have the code they rather not share it

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by TheNewBieber on March 10th 2011, 12:41 am

Bump...I still need help D:

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by TheNewBieber on March 11th 2011, 5:15 am

Bump...

I still need help guys Sad

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by YoshiGM on March 11th 2011, 5:34 am

Hi there !

I Don't know if this works in your Forum Version.. Try this:

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

1st: Paste this code in a NEW HTML Page..

Modules> Management HTML Pages
All options with "NO"

and Save your changes..

Then go to..

General> Settings> Site Description

And edit this:

Code:
<script src='LINK OF TH HTML PAGE HERE'></script>

Edit the uppercase and paste the LINK of the HTML created with the Script..

Regards,
YoshiGM Very good

YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: How to change bbcode icons?

Post by TheNewBieber on March 12th 2011, 2:45 am

Thank you! I really appreciate it! Yes it did work Wink. I am really grateful. This topic is now solved and can be locked Wink

TheNewBieber
Forumember

Posts : 32
Reputation : 11
Language : English

http://planetsocial.nstars.org/

Back to top Go down

Solved Re: How to change bbcode icons?

Post by Jophy on March 12th 2011, 3:35 am

Since this thread appears to be solved, I will lock this thread and mark it as solved now.

Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum