How could i change these

by Mr DarkHaxers2 Sun Feb 12, 2012 6:08 am

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

How could i change these Quick_10

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

by Omu Sun Feb 12, 2012 9: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://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://cdn1.iconfinder.com/data/icons/splashyIcons/comment_reply.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/silk2/page_white_code.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/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://2img.net/i/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://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://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.png'); if(jQuery(this).attr('src') == 'http://2img.net/i/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://2img.net/i/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://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://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.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://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/color-line.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'); }); })

by pczone Sun Feb 12, 2012 10:46 am

I had the same problem but solved now Very Happy

by LGforum Sun Feb 12, 2012 2: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'