Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #1  
Old 09-09-2009, 06:55 AM
Nadeemjp Nadeemjp is offline
 
Join Date: Aug 2008
Location: Japan
Posts: 601
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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
Reply With Quote
  #2  
Old 09-09-2009, 03:03 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.)
Reply With Quote
  #3  
Old 09-10-2009, 02:38 AM
Nadeemjp Nadeemjp is offline
 
Join Date: Aug 2008
Location: Japan
Posts: 601
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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:
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
Reply With Quote
  #4  
Old 09-10-2009, 04:00 AM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<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)
Reply With Quote
  #5  
Old 09-10-2009, 10:53 AM
Nadeemjp Nadeemjp is offline
 
Join Date: Aug 2008
Location: Japan
Posts: 601
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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:

Code:
<img src="/forums/sup.gif" border="0"> Admin Announcements
--------------- 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/
Reply With Quote
  #6  
Old 09-10-2009, 01:58 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Quote:
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.gif
If you want more spaces in your code, use a non-breaking space - &nbsp; - or for two - &nbsp;&nbsp;
Reply With Quote
  #7  
Old 09-11-2009, 02:11 AM
Nadeemjp Nadeemjp is offline
 
Join Date: Aug 2008
Location: Japan
Posts: 601
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thank you lynne, as always you have been very kind and helpful.
best regards
Reply With Quote
  #8  
Old 09-11-2009, 07:28 AM
TimberFloorAu's Avatar
TimberFloorAu TimberFloorAu is offline
 
Join Date: May 2008
Location: Brisbane
Posts: 2,264
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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

Then just do the same for each forum, its really quite simple.
Attached Images
File Type: jpg prefix_icons.jpg (18.4 KB, 0 views)
Reply With Quote
  #9  
Old 09-11-2009, 08:23 AM
Nadeemjp Nadeemjp is offline
 
Join Date: Aug 2008
Location: Japan
Posts: 601
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #10  
Old 09-11-2009, 10:32 AM
TimberFloorAu's Avatar
TimberFloorAu TimberFloorAu is offline
 
Join Date: May 2008
Location: Brisbane
Posts: 2,264
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Nadeemjp View Post
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 )
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:33 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04581 seconds
  • Memory Usage 2,278KB
  • Queries Executed 14 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (1)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete