| Archive for myfreeforum.org Before posting please check the "stickies" in the support forums. Please ask questions in real English and not "txt". You will get a better response. Please do not ask support questions via PMs. |
| Steve B |
Icon ReplacementThe icons I am trying to replace now to fully customise our board are those that appear under the posters avatar and info, specifically the PM, Email, WWW icons etc, the other ones I want to replace are those that moderators have presented to them and the users, such as report the post, warn the user etc. I have upload the image I wish to use as the replacement for the standard and when I go through the process to change them it does what is requested except show them in the right area, no icons appear at all, at a bit of a loss here haven't found anything regarding changing these icons and I am not even sure if the code has been done to allow this.So I thought I would ask 
|
||
| Symon |
Need a link to said image ? | ||
| Steve B |
This link is to a post by myself, you will notice that beside the email icon is a blank space, this is where I would like to display the icon I have replaced the original with.
The post below also shows on the right hand side that the "warn user" icon is missing and I have replaced that icon as well. |
||
| Symon |
i would have a look in viewtopic and see what the url for each link is ,,,,, it might need changing form imageset to images. | ||
| Steve B |
In viewtopic, this the line that controls the www icon has no reference to images or imageset that I can find
The board is actually a highly modified Prosilver, I have found in the styles-->themes under"Colours and backgrounds for buttons.css" .yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); } .web-icon, .web-icon a { background-image: url(/images/icon_user_www.gif); } I am guessing that I will need to amend these, I have attempted to amend the seconded line as it was a similar make up to the top line above but the icon I want to place is still not showing. (I have also tried using "/images/icon_user_www.gif" that made no difference either. |
||
| admin (no pm's please) |
you may need to make /images
../../../images |
||
| Steve B |
That doesn't appear to work either admin, think it might be easier to leave the original Icons in place, but I think they look rather ordinary 
|
||
| Symon |
Change the url in .css to that of your image like below , i have changed it to a locked topic one.
.web-icon, .web-icon a { background-image: url("/images/topic_lock.gif"); } |
||
| Steve B |
Sorry Symon that doesn't work either. I must applaude you guys for the tireless effort you put into this I really do appreciate it very much. But I think as said above, I might leave the original icons as this appears to be a bit difficult and wasting time which you fellas could probably use to better effect elsewhere. | ||
| Symon |
It does work http://symon.myfabforum.org/viewtopic.php?f=2&t=1 The email icon has been replaced with the locked topic icon. All i did was as the guide says Went to imageset of my template in this case myff_3 top drop box marked Select image Find website [en] Now goto the 2nd drop box marked Image Find your new icon ( more and likely under global) Now when both are showing click on the submit button ( not the bottom submit in upload area) This will change the image now in the top box find the image again right click properties,, find the path some thing like /images/whatever.gif that is what you put in .web-icon, .web-icon a { background-image: url("/images/topic_lock.gif"); } Not forgetting the speech marks. |
||
| Steve B |
Yes you are correct , but the icon I think needs to be the same size, the WWW link icon is actually 20 x 40 the icon I was replacing it with was 20 x 20. I made another icon the same size 20 x 40 and now it is functional. Guys your patients is amazing I feel stupid for not picking up the icon size thing...excellent and thanks
|
||