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?

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
avatar
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..
avatar
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
avatar
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:
avatar
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
avatar
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
avatar
YoshiGM
Forumember

Male Posts : 712
Reputation : 97
Language : Spanish, English & Italian (16%)
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
avatar
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.
avatar
Jophy
ForumGuru

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

Back to top Go down

Back to top


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