how do i put an icon before the name of individual forums?
 

hello there.

i was wondering how can i put an icon before the name of any individual forum?
for example if i have a cricketing forum, there is an icon of ball and bat before the forum name "Cricket" and if it is a sports arena then have a basketball icon etc.

if it is a war game forum then it could have an icon of a gun or something.

can someone help me to find if this is a mod or a hack?

thanx

Your Forum title may include html, I am pretty sure. So, try adding the image code into the forum title. (Try this on a test site first to see how it looks.)

thanx lynne.
by the way can you guide me to a tutorial kind of thing where i could leanr how to establish a test site and run it?

thanx

--------------- Added [DATE]1252554295[/DATE] at [TIME]1252554295[/TIME] ---------------

hi again.
i did try that. i used the following html code:
however, the image did not appear.
i have checked that it is not accepting bb codes.
only html codes.

lynne can you please please tell me the right codes?
thanx

<a href="http://www.vbulletin.com/forum/showthread.php?t=252648" target="_blank">Step by Step: Create a test forum based on a 'snapshot' of your live one</a>

I just tried it on my test site and it does work to put the image code in before the forum name in the Title box in the Forum Manager. What code did you put in there *exactly*? (And, it's src, not scr)

oh i am sorry actually it was the same code, as you metntioned i mistakenly put scr instead or src.

ok it does show here.

but i have seen on other forums, that there is a column between forum name and the forum icon (where it shows whether any new post is made or the forum is locked etc).

do you happen to know that?

--------------- Added [DATE]1252583992[/DATE] at [TIME]1252583992[/TIME] ---------------

one more thing, the current icon is very close to the forum name. how do i put some space between the icon and the forum name?
i am using the following codes:

--------------- Added [DATE]1252584056[/DATE] at [TIME]1252584056[/TIME] ---------------

you can check its appearance @ www.familybunker.com/forums/ as well as @ http://www.familybunker.com/forums/admin-announcements/

If you want it to show where the icon is for new, locked, old, etc then that is in Forum Manager > Prefix for Forum Status Images.
If you want more spaces in your code, use a non-breaking space - &nbsp; - or for two - &nbsp;&nbsp;

thank you lynne, as always you have been very kind and helpful.
best regards

We have this on our forums, it is as Lynne said quite easy to do.

Essentially we create 2 gifs, prefix_new.gif and prefix_old.gif 30 px x 30 px I believe ( slightly wider for the prefix_new version

Say we have a forum called The Barbie, in manage forums, we click on that forum, and in Style Options add bbq_

Where bbq is the prefix for our images, see below attatchment

These are found here:
http://www.yobromofo.com/forum/image..._forum_new.gif
http://www.yobromofo.com/forum/image..._forum_old.gif
http://www.yobromofo.com/forum/image..._forum_new.gif
http://www.yobromofo.com/forum/image..._forum_old.gif

Then just do the same for each forum, its really quite simple.

thank you very much Timber Floor. This was a great help.
so this means that i iwll have to have 3 gif pictures for every forum i want to change icons of.
one is for new
one is for old
one is for locked

now the important task of creating these images is gonna be a problem.
can you please advice how to create these images?

thank you

We use Photoshop.
Transparent Gif, or I think Shelley would advise better using matt.

You can search google for icons, iconarchive.com is a good start, so is famfamfam.

Then just adjest them accordingly, you are welcome to visit our forum, and see ours .

Regards Ste ( if you get stuck, let me know what theme you want and I will make you some )

that is so nice of you my friend. i will visit your site as well and if get stuck will count on that help offer:), thanx.

while we r at it, one thing i have been tryin to achieve.
many sites i have seen that when their address is typed in the url, they have a small logo of their site before the url address. how do i achieve that?

thanks

--------------- Added [DATE]1252675800[/DATE] at [TIME]1252675800[/TIME] ---------------

just like vbulletin.org has the vbulletin mark before the url in the url bar.

That is a favicon. Just google it and you'll find what you need to create one.

You actually need five, although you could just copy one image for all of them I suppose. But, you do need to have all five of these made:

• forum_link.gif
• forum_new.gif
• forum_new_lock.gif
• forum_old.gif
• forum_old_lock.gif

This might also help, there is no need to upload anything, read the Thread and the comments and it will help you.


https://vborg.vbsupport.ru/showthrea...hlight=favicon

ahhan, lynne and joe the information you both gave is very substantial and has really cleared my concepts.
thank you so much.
all of you have been of great great help.

best regards

--------------- Added [DATE]1252684648[/DATE] at [TIME]1252684648[/TIME] ---------------

by the way, how long would it take for the favicon to appear in the url?

I see a little green thing for your favicon for the site in your sig. Is that the one you are talking about? You may have to clear your browser cache in order to see it.

We also use animated favicon. for supported browsers.

http://www.yobromofo.com/forum/animated_favicon1.gif

We created an animated gif at 50px x 50 px

Then use the code as such ( to display static or animated dependant on browser compatibility.

Actually i did not know how to put that little green pakistan flag in the url so i was trying pasting it on different locations.
but eversince you told me about favicon, i have removed it and placed favicon.
the favicon is currently located at
http://www.familybunker.com/favicon.ico

ok let me try clearing the cookies.

thanx