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

[Nadeemjp]

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

[Lynne]

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.)

[Nadeemjp]

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 1252554295 at 1252554295 ---------------

hi again.
i did try that. i used the following html code:

<img scr="http://www.myforum.com........."> Name of the Forum


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

[Lynne]

<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)

[Nadeemjp]

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 1252583992 at 1252583992 ---------------

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:


<img src="/forums/sup.gif" border="0"> Admin Announcements


--------------- Added 1252584056 at 1252584056 ---------------

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

[Lynne]

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.
Forum Status images are usually shown alongside the forum in a forum listings to indicate the read status.

This prefix must only contain alphanumerical characters, though the following are also allowed - _ / ., a folder name is also acceptable to be placed within the status icon directory.

The following images are currently in use for status icons, you will need to create images with the specified prefix to match.
forum_link.gif
forum_new.gif
forum_new_lock.gif
forum_old.gif
forum_old_lock.gifIf you want more spaces in your code, use a non-breaking space - &nbsp; - or for two - &nbsp;&nbsp;

[Nadeemjp]

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

[TimberFloorAu]

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/images/styles/Arena/statusicon/bbq_forum_new.gif
http://www.yobromofo.com/forum/images/styles/Arena/statusicon/bbq_forum_old.gif
http://www.yobromofo.com/forum/images/styles/Arena/statusicon/bbq_forum_new.gif
http://www.yobromofo.com/forum/images/styles/Arena/statusicon/bbq_forum_old.gif

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

[Nadeemjp]

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

[TimberFloorAu]

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 )

[Nadeemjp]

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 1252675800 at 1252675800 ---------------

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

[Lynne]

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 11 Sep 2009 at 06:30 ---------------

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.

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
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

[New Joe]

just like vbulletin.org has the vbulletin mark before the url in the url bar.
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/showthread.php?t=216686&highlight=favicon

[Nadeemjp]

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 1252684648 at 1252684648 ---------------

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

[Lynne]

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.

[TimberFloorAu]

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.



<link rel="shortcut icon" href="http://www.yourforum.com/forum/favicon.ico"/> <link rel="icon" href="http://www.yourforum.com/forum/animated_favicon1.gif" type="image/gif"/>

[Nadeemjp]

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