Announcement

Collapse
No announcement yet.

Category Images in 3.6.0

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Category Images in 3.6.0

    Hey everyone.

    I've found a way of adding seperating the category's into seperate boxes (http://www.vbulletin.org/forum/showthread.php?t=123530), however, I want to now add 3 images to the category title at the top, and 3 at the bottom of the box.

    All the previous ways of doing it (for example : http://www.vbulletin.org/forum/showthread.php?t=88815 ) just dont work in 3.6.0.

    I've asked on vbulletin.org, vbulletin.nl but i've just had no reply. Can you PLEASE help me out guys?

    thanks.

    Dave



    -------------------
    EDIT
    -------------------

    The bits of code Im having trouble with is the following...

    At the top of forumhome_forumbit_level1_nopost
    <!-- top -->
    <table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" align="center">
    <tr>
    <td style="text-align: $stylevar[left]" class="tcat"><img src="../forums/images/cat_left.jpg" alt="" /></td>
    <td width="100%" class="tcat" style="background-image: url(); text-align: center;"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
    <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a></td>
    <td style="text-align: $stylevar[right]" class="tcat"><img src="../forums/images/cat_right.jpg" alt="" /></td>
    </tr>
    </table>
    <!-- /top -->
    At the bottom of forumhome_forumbit_level1_nopost

    <!-- bottom -->
    <table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" align="center">
    <tr>
    <td style="text-align: $stylevar[left]" class="tcat"><img src="../forums/images/tcatb_left.jpg" alt="" /></td>
    <td width="100%" class="tcat" style="background-image: url(); text-align: center;"></td>
    <td style="text-align: $stylevar[right]" class="tcat"><img src="../forums/images/tcatb_right.jpg" alt="" /></td>
    </tr>
    </table>
    <!-- /bottom -->
    Now, the corners work just fine, but the middle wont work. Usually I'd go into Main CSS and replace the Category Strips with

    #c0c0c0 url(images/misc/tcat.gif) repeat-x top left
    But this just just doesn't work.

    Any ideas?
    Last edited by M4g!k; Thu 24 Aug '06, 2:37am.

  • #2
    This part of the style tag might be overriding:

    Code:
    background-image: url();
    Try removing it, or define the background image in there instead of in the CSS definitions.

    Comment


    • #3
      thanks jake

      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...
      X