The Arcive of Official vBulletin Modifications Site.

ms55555 · #1 05-17-2008, 12:39 PM

Hey...
I would like to know how I could add images/gfx to category bars on a style...
Check the attachment to see what I am talking about.

ssslippy · #2 05-17-2008, 01:16 PM

You will need to go into the template and edit it to accomplish something like that.

ms55555 · #3 05-17-2008, 05:21 PM

Quote:

Originally Posted by ssslippy

You will need to go into the template and edit it to accomplish something like that.

I am aware of that . Which template would work though ?

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

Hmm...I catch things up quickly, all I would like is just an axample so I can get in the idea...
This is my FORUMHOME template

PHP Code:


			
$stylevar[htmldoctype]

<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

<head>



<!-- Tabbed Forum Home Header Code -->    

<link rel="stylesheet" type="text/css" href="http://www.theteencentre.com/forums/tabs/tabcontent.css" /> 

<script type="text/javascript" src="http://www.theteencentre.com/forums/tabs/tabcontent.js"> </script>

<!-- /Tabbed Forum Home Header Code -->







    <!-- no cache headers -->

    <meta http-equiv="Pragma" content="no-cache" />

    <meta http-equiv="Expires" content="-1" />

    <meta http-equiv="Cache-Control" content="no-cache" />

    <!-- end no cache headers -->

<style type="text/css">

<!--

.style1 {color: #FFFFFF}

-->

    </style>

    $headinclude

    <title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>

</head>

<body>



<!-- Start vBGuides Season -->

<if condition="$vboptions[guidesvbs_onoff] == 1">

<if condition="$vboptions[guidesvbs_area] == 1">

<script type="text/javascript" src="season/$vboptions[guidesvbs_type].js"></script>

</if></if>

<!-- End vBGuides Season -->





$header



$navbar





<!-- BEGIN QuoteIt! -->

$showrandomquote

<!-- END QuoteIt! -->



<!--{%SHOUTBOX%}-->







<!-- main -->





<!-- Tabbed Forum Home Tabs Layout -->

<ul id="forumtabs" class="shadetabs"> 

<li><a href="#" rel="tcontent1" class="selected"><span class="style1">All Forums</span></a></li> 



<if condition="is_member_of($bbuserinfo, array(5,6,7,37))">



<li><a href="#" rel="tcontent2"><span class="style1">Restricted Forums</span></a></li>



</if>



</ul> 



<!-- /Tabbed Forum Home Tabs Layout -->

<!-- Tabbed Forum Home ? START Tab 1 Content Layout -->

<div id="tcontent1" class="tabcontent">



<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

    <tr align="center">

      <td class="thead">&nbsp;</td>

      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>

      <td class="thead" width="175">$vbphrase[last_post]</td>

      <td class="thead">$vbphrase[threads]</td>

      <td class="thead">$vbphrase[posts]</td>

      <if condition="$vboptions['showmoderatorcolumn']">

      <td class="thead">$vbphrase[moderator]</td>

      </if>

    </tr>

</thead>



$forumbits



<tbody>

    <tr>

        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a><if condition="$vboptions['forumleaders']">&nbsp; &nbsp;

            <a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if></strong></div></td>

    </tr>

</tbody>

</table>



$forumhome_markread_script



</div>

<!-- /Tabbed Forum Home ? END Tab 1 Content Layout -->



<!-- Tabbed Forum Home ? START Tab 2 Content Layout -->

<div id="tcontent2" class="tabcontent">



<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

    <tr align="center">

      <td class="thead">&nbsp;</td>

      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>

      <td class="thead" width="175">$vbphrase[last_post]</td>

      <td class="thead">$vbphrase[threads]</td>

      <td class="thead">$vbphrase[posts]</td>

      <if condition="$vboptions['showmoderatorcolumn']">

      <td class="thead">$vbphrase[moderator]</td>

      </if>

    </tr>

</thead>



<tbody>

    <tr>

        <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_66')"><img id="collapseimg_forumbit_66" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=113">Restricted Forums</a></td>

    </tr>

</tbody>



<tbody id="collapseobj_forumbit_66" style="">

$forumbits2

</tbody>



<tbody>

    <tr>

        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a><if condition="$vboptions['forumleaders']">&nbsp; &nbsp;<a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if></strong></div></td>

    </tr>

</tbody>

</table>



$forumhome_markread_script



</div>

<!-- /Tabbed Forum Home ? END Tab 2 Content Layout -->





<!-- Tabbed Forum Home ? START Tab 3 Content Layout -->

<div id="tcontent3" class="tabcontent">



<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

    <tr align="center">

      <td class="thead">&nbsp;</td>

      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>

      <td class="thead" width="175">$vbphrase[last_post]</td>

      <td class="thead">$vbphrase[threads]</td>

      <td class="thead">$vbphrase[posts]</td>

      <if condition="$vboptions['showmoderatorcolumn']">

      <td class="thead">$vbphrase[moderator]</td>

      </if>

    </tr>

</thead>



<tbody>

    <tr>

        <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_808')"><img id="collapseimg_forumbit_808" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=80">CATEGORY NAME</a></td>

    </tr>

</tbody>



<tbody id="collapseobj_forumbit_808" style="">

$forumbits3

</tbody>



<tbody>

    <tr>

        <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_55')"><img id="collapseimg_forumbit_55" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=5">CATEGORY NAME</a></td>

    </tr>

</tbody>



<tbody id="collapseobj_forumbit_55" style="">

$forumbits4

</tbody>



<tbody>

    <tr>

        <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_33')"><img id="collapseimg_forumbit_33" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=3">CATEGORY NAME</a></td>

    </tr>

</tbody>



<tbody id="collapseobj_forumbit_33" style="">

$forumbits5

</tbody>



<tbody>

    <tr>

        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>

            <a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>

            <if condition="$vboptions['forumleaders']">&nbsp; &nbsp;

            <a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if>

        </strong></div></td>

    </tr>

</tbody>

</table>



$forumhome_markread_script



</div>

<!-- /Tabbed Forum Home ? END Tab 3 Content Layout -->



<!-- /main -->





<!-- Tabbed Forums switch tab script -->

<script type="text/javascript">

var myforumtabs=new ddtabcontent("forumtabs") 

myforumtabs.setpersist(true) 

myforumtabs.setselectedClassTarget("link") 

myforumtabs.init()

</script>

<!-- /end Tabbed Forums switch tab script -->





<br />

$ad_location[ad_forumhome_afterforums]

<br />



<!-- what's going on box -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

    <tr>

        <td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>

    </tr>

</thead>

<if condition="$show['loggedinusers']">

<!-- logged-in users -->

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>

            <a href="online.php$session[sessionurl_q]" rel="nofollow">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">

    <tr>

        <td class="alt2"><a href="online.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>

        <td class="alt1" width="100%">

            <div class="smallfont">

                <div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>

                <div>$activeusers</div>

            </div>

        </td>

    </tr>

</tbody>

<!-- end logged-in users -->

</if>

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>

            <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">

    <tr>

        <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>

        <td class="alt1" width="100%">

        <div class="smallfont">

            <div>

                $vbphrase[threads]: $totalthreads,

                $vbphrase[posts]: $totalposts,

                $vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,

                    <span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span>

                </if>

            </div>

            <div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>

        </div>

        </td>

    </tr>

</tbody>

<if condition="$show['birthdays']">

<!-- today's birthdays -->

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>

            $vbphrase[todays_birthdays]

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">

    <tr>

        <td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>

        <td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>

    </tr>

</tbody>

<!-- end today's birthdays -->

</if>

<if condition="$show['upcomingevents']">

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>

            <if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">

    <tr>

        <td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>

        <td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>

    </tr>

</tbody>

</if>

</table>

<br />

<!-- end what's going on box -->



<!-- icons and login code -->

<table cellpadding="0" cellspacing="2" border="0" width="100%">

<tr valign="bottom">

    <td>

        <table cellpadding="2" cellspacing="0" border="0">

        <tr>

            <td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>

            <td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>

        </tr>

        <tr>

            <td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>

            <td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>

        </tr>

        <if condition="$vboptions['showlocks']">

        <tr>

            <td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>

            <td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>

        </tr>

        </if>

        </table>

    </td>

    <if condition="!$show['guest']">

        <!-- member logout -->

        <td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>

        <!-- end member logout -->

    </if>

</tr>

</table>

<!-- / icons and login code -->







$footer

</body>

</html>

Could someone add/modify the code a bit, as a sample, so it can display any gfx thingy(like the attachment) , please ?

After that I think I will manage to work it out...

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03820 seconds Memory Usage 2,383KB Queries Executed 12 (?)
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 (1)bbcode_php (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (3)post_thanks_box (3)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit_info (3)postbit (1)postbit_attachment (3)postbit_onlinestatus (3)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_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_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!