How could i change these
5 posters
Page 1 of 1
How could i change these
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
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
- Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali
Re: How could i change these
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:
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');
});
})
Re: How could i change these
I had the same problem but solved now
pczone- New Member
- Posts : 7
Reputation : 2
Language : English
Re: How could i change these
This is both better javascript and easier to understand than the above code:
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'
- 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
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: How could i change these
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
Forum Version: PunBB2
Mr DarkHaxers2- Forumember
- Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali
Re: How could i change these
- Code:
#text_edit button {
border-radius: 6px;
}
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: How could i change these
Thanks Problem solved
Mr DarkHaxers2- Forumember
- Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali
Re: How could i change these
Mr DarkHaxers2 wrote:Thanks Problem solved
Topic Solved & Locked |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» How do I change background Move logo on to the middle and change letter colour!
» If i change my forum colors but in two areas the color wont change why?
» No change skin options? And how to change subtitle color?
» Chat box text color change/shadow change
» How would I change this drop down menu on text color change...
» If i change my forum colors but in two areas the color wont change why?
» No change skin options? And how to change subtitle color?
» Chat box text color change/shadow change
» How would I change this drop down menu on text color change...
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum