The forum of the forums
Welcome on the Forumotion Support Forum.

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're not yet....



Create a free forum like this one.

How could i change these

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

View previous topic View next topic Go down

Solved How could i change these

Post by Mr DarkHaxers2 on February 11th 2012, 11:08 pm

ok how could I change this Quick Reply up top from the Quick Reply here's a image wut im talking about:



Need help cause i need the css code and i want to code it my self but idk the css name for it so pleas help me

Forum Version: PhpBB2

Mr DarkHaxers2
Forumotion Member

Male
Posts: 409
Language: English
Location: Modesto,Cali
Points: 290
Join date: 2011-07-28

Back to top Go down

Solved Re: How could i change these

Post by Kalimdor on February 12th 2012, 2:52 am

You want to change the background at the quick reply buttons?
Go to: ACP > Modules > Javascript codes management > Create a new code:
Title: Quick Reply Buttons
Place: In all pages.
Javascript:
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://cdn1.iconfinder.com/data/icons/splashyIcons/comment_reply.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/silk2/page_white_code.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/i/smiles/icon_smile.gif') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/smiley.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/color_swatch.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/color-line.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://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/picture.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0700/picture.png');

 if(jQuery(this).attr('src') == 'http://illiweb.com/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/splashyIcons/comment_reply.png');












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

 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://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.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://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/color-line.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');
    });
})

Kalimdor
Forumotion Member

Male
Posts: 904
Age: 16
Language: Romanian, English, Français, Español
Location: Romania
Points: 684
Join date: 2011-11-16

http://softdesign.wikiforum.ro/

Back to top Go down

Solved Re: How could i change these

Post by pczone on February 12th 2012, 3:46 am

I had the same problem but solved now Very Happy

pczone
Forumotion Member

Posts: 7
Language: English
Points: 9
Join date: 2012-02-12

Back to top Go down

Solved Re: How could i change these

Post by LGforum on February 12th 2012, 7:15 am

This is both better javascript and easier to understand than the above code:

Code:

$(function(){

var x=document.getElementById('text_edit').getElementsByTagName('button');
x[0].firstChild.src="NEW IMAGE SRC";
x[1].firstChild.src="NEW IMAGE SRC";
x[2].firstChild.src="NEW IMAGE SRC";

});


See these bits 'x[0].firstChild.src="NEW IMAGE SRC";'
These are the bits changing the images. 0 is the first button. So the bold button. 1 is the second button so the italic button, and so on... just keep duplicating that line and changing the number. Easy right?

And as an FYI to people, using the jQuery attr() function to get a src or href is pointless. As displayed in my above script, it can be access just like that.
'this.src' or 'this.href'


Last edited by LGforum on February 12th 2012, 1:28 pm; edited 1 time in total

LGforum
Forumotion Member

Male
Posts: 1686
Language: Plenty of them.
Location: UK
Points: 2069
Join date: 2011-03-05

http://www.avacweb.com/

Back to top Go down

Solved Re: How could i change these

Post by Mr DarkHaxers2 on February 12th 2012, 11:44 am

Now i want the name of the css code cause i want the round edges round but idk wuts the name of the css code it is

Forum Version: PunBB2

Mr DarkHaxers2
Forumotion Member

Male
Posts: 409
Language: English
Location: Modesto,Cali
Points: 290
Join date: 2011-07-28

Back to top Go down

Solved Re: How could i change these

Post by LGforum on February 12th 2012, 1:27 pm

Code:

#text_edit button {
  border-radius: 6px;
}

LGforum
Forumotion Member

Male
Posts: 1686
Language: Plenty of them.
Location: UK
Points: 2069
Join date: 2011-03-05

http://www.avacweb.com/

Back to top Go down

Solved Re: How could i change these

Post by Mr DarkHaxers2 on February 12th 2012, 2:08 pm

Thanks Problem solved

Mr DarkHaxers2
Forumotion Member

Male
Posts: 409
Language: English
Location: Modesto,Cali
Points: 290
Join date: 2011-07-28

Back to top Go down

Solved Re: How could i change these

Post by slg on February 12th 2012, 2:17 pm

Mr DarkHaxers2 wrote:Thanks Problem solved


Topic Solved & Locked




----------------------------

Helpful Links

Forum Rules

Lost Founder's Password
(Do not send me a PM about resetting your password.
Send a PM to one of the listed staff members in the link.)

Tricks & Tips

Frequently Asked Questions

How To Report A Forum

slg
Support Moderator
Support Moderator

Male
Posts: 5062
Age: 39
Language: English
Location: Texas, United States
Points: 6701
Join date: 2009-08-17

http://www.zootycoonwildlife.aforumfree.com

Back to top Go down

View previous topic View next topic Back to top

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

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