The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

replace buttons images of posts

2 posters

Go down

Solved replace buttons images of posts

Post by Guest March 8th 2012, 2:46 pm

Hello,

I have tried some codes to replace a icon with other, but dont work.

For Examples , the image of button this --> replace buttons images of posts Text_bold replace with something other.
I have tried javascript codes but ... nothing.
avatar
Guest
Guest


Back to top Go down

Solved Re: replace buttons images of posts

Post by SimpleUI March 8th 2012, 5:39 pm

When you're using punBB as your profile says you could just replace it by changing the HTML template it is in.

However, if you use phpBB3 or Invision you could do it using CSS.
Code:
img[src=" LINK OF IMAGE YOU WANT TO REPLACE "] {
  height: 0;
  width: 0;
  background-image: url( LINK TO IMAGE );
  padding: HEIGHTpx WIDTHpx 0 0;
}
Change the uppercased part to however you need it. For example:
Code:
img[src="http://2img.net/i/fa/wysiwyg/text_bold.png"] {
  height: 0;
  width: 0;
  background-image: url( http://img705.imageshack.us/img705/6648/ticks.png );
  padding: 16px 16px 0 0;
}
This would replace the bold-icon you used in your post by an image showing a tick.
avatar
SimpleUI
New Member

Posts : 18
Reputation : 2
Language : German

Back to top Go down

Solved Re: replace buttons images of posts

Post by Guest March 8th 2012, 6:29 pm

it doesnt work.

I have punbb.
avatar
Guest
Guest


Back to top Go down

Solved Re: replace buttons images of posts

Post by SimpleUI March 8th 2012, 7:07 pm

I don't know if it is the same as in phpBB2, but look if you can find the following:

Administration Panel -> Display -> Templates -> Post & Private Messages -> posting_body
Search: id="text_edit"
If it doesn't find it just scroll down to a wall of button tags. There scroll a bit to the right and you should find the img tag in which you can replace the src link.
Code:
<img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" />
Code:
<img src="http://img705.imageshack.us/img705/6648/ticks.png" alt="{L_BBCODE_B}" />
avatar
SimpleUI
New Member

Posts : 18
Reputation : 2
Language : German

Back to top Go down

Solved Re: replace buttons images of posts

Post by Guest March 8th 2012, 7:32 pm

thank you! Smile
avatar
Guest
Guest


Back to top Go down

Solved Re: replace buttons images of posts

Post by MrMario March 9th 2012, 1:18 am

Topic Solved & Locked
MrMario
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1839
Language : test

Back to top Go down

Back to top


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