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 could i change these

View previous topic View next topic Go down

Solved How could i change these

Post by Mr DarkHaxers2 on February 12th 2012, 7:08 am

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
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: How could i change these

Post by Omu on February 12th 2012, 10: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');
    });
})

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Solved Re: How could i change these

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

I had the same problem but solved now Very Happy

pczone
New Member

Posts : 7
Reputation : 2
Language : English

Back to top Go down

Solved Re: How could i change these

Post by LGforum on February 12th 2012, 3:15 pm

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, 9:28 pm; edited 1 time in total

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How could i change these

Post by Mr DarkHaxers2 on February 12th 2012, 7:44 pm

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
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: How could i change these

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

Code:

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: How could i change these

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

Thanks Problem solved

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: How could i change these

Post by SLGray on February 12th 2012, 10:17 pm

@Mr DarkHaxers2 wrote:Thanks Problem solved

Topic Solved & Locked




When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

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