Adding backround in tables on forum index?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Mr. X
    Senior Member
    • May 2001
    • 1112
    • 2.3.0

    Adding backround in tables on forum index?

    I see all these cool boards like C: etc that have gradients and tiles in the tables of the forum index. I've been playing around tonight trying to do it on my forum, but as usual, I fail. Here is my code for the forum display template (I assume its you do it here right?)

    PHP Code:
    {htmldoctype}
    <
    html>
    <
    head>
    <
    title>$bbtitle $foruminfo[title]</title>
    $headinclude
    </head>
    <
    body>
    $header

    <table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextraalign="center">
    <
    tr>
        <
    td valign="top">$navbar
        
    <smallfont>$moderatedby$onlineusers</smallfont></td>
        <
    td valign="bottom" align="right"><smallfont>$newthreadlink&nbsp;</smallfont></td>
    </
    tr>
    </
    table>

    <
    br>

    $forumdisplay[forumslist]

    $forumdisplay[threadslist]

    <!-- 
    forum jump and timezone -->
    <
    table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextraalign="center">
    <
    tr valign="bottom">
        <
    td>$forumjump</td>
        <
    td align="right">
        <
    table cellpadding="0" cellspacing="0" border="0"><tr>
        <
    form action="search.php" method="post">
        <
    td><smallfont><b>Search this Forum:</b>
            <
    input type="hidden" name="s" value="$session[sessionhash]"><input type="hidden" name="searchdate" value="-1">
            <
    input type="hidden" name="beforeafter" value="after"><input type="hidden" name="forumchoice" value="$forumid">
            <
    input type="hidden" name="action" value="simplesearch"><br><input type="text" class="bginput" name="query">$gobutton
        
    </smallfont></td>
        </
    form>
        </
    tr></table>
        </
    td>
    </
    tr>
    </
    table>
    <!-- /
    forum jump and timezone -->

    <
    br>

    <!-- 
    icon key -->
    <
    table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextraalign="center">
      <
    tr background="PATH TO MY TABLE IMAGE"
        <
    td colspan="5" align="center"><smallfont>$timezone</smallfont></td>
      </
    tr>
    <
    tr><td rowspan="2" width="50%">&nbsp;</td>
        <
    td nowrap><smallfont><img src="{imagesfolder}/newfolder.gif" border="0" alt="New Posts"> <b>New posts</b> &nbsp;&nbsp;</smallfont></td>
        <
    td nowrap><smallfont>( <img src="{imagesfolder}/newhotfolder.gif" border=0 alt="Hot Thread"> <b>More than $hotnumberposts replies or $hotnumberviews views</b> )&nbsp;&nbsp;</smallfont></td>
        <
    td nowrap><smallfont><img src="{imagesfolder}/lockfolder.gif" border="0" alt="Closed Thread"> <b>Closed thread</b></smallfont></td>
    </
    tr>
    <
    tr>
        <
    td nowrap><smallfont><img src="{imagesfolder}/folder.gif" border="0" alt="No New Posts"> <b>No new posts</b> &nbsp;&nbsp;</smallfont></td>
        <
    td nowrap colspan="2"><smallfont>( <img src="{imagesfolder}/hotfolder.gif" border=0 alt="Hot Thread"> <b>More than $hotnumberposts replies or $hotnumberviews views</b> )&nbsp;&nbsp;</smallfont></td>
    <
    td rowspan="2" width="50%">&nbsp;</td></tr>
    </
    table>
    <!-- /
    icon key -->

    <
    br>

    <!-- 
    forum rules and admin options -->
    <
    table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextraalign="center">
    <
    tr valign="bottom">
        <
    td><smallfont><b>Forum Rules:</b>$forumrules</smallfont></td>
        <
    td align="right">$adminoptions</td>
    </
    tr>
    </
    table>
    <!-- /
    forum rules and admin options -->

    $footer
    </body>
    </
    html
    I added this code:
    PHP Code:
    <!-- icon key -->
    <
    table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextraalign="center">
      <
    tr background="PATH TO MY TABLE IMAGE"
    I copied the code from the template, put it in Dreamweaver and put a sample tile image I made. So it made that code, but when I enter it in the template, save it, my forum index doesnt change at all. The PATH TO is edited btw (im not that dumb )

    I realize Im a total moron so if once again if someone can point me to the right direction I'd be most grateful. Thanks!
    website: joe.pcfx.cc
    forums: pcfx.cc
    gallery: here
  • Sinecure
    Senior Member
    • Jul 2001
    • 1519

    #2
    I beleive this is what you are talking about, a background image on the category table. Here is a simple way of doing it.

    Origionaly posted by JJR512

    I put it in on the Styles page and it worked just fine. I did it after reading freddie (I believe) mention it in the Tips forum. But as I said, it works fine (for me) in the Styles page.

    Styles --> Modify --> fonts/colors/etc --> Category Strip Background Color = #DFDFDF" background="{ imagesfolder }/silver-fade.gif

    (No spaces inside the curly brackets, of course!)
    Board of the Month: November
    Websites: Pixeljunction , vBulletin.org
    Button Sets: XP and Aqua Button sets! FREE!
    vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

    Comment

    • Mr. X
      Senior Member
      • May 2001
      • 1112
      • 2.3.0

      #3
      hey it worked! Thanks a bunch! Didnt know that you could do that. I'll have to play around with gradients too get it right though.
      website: joe.pcfx.cc
      forums: pcfx.cc
      gallery: here

      Comment

      • Sinecure
        Senior Member
        • Jul 2001
        • 1519

        #4
        Yeah I do that as well, its fairly easy once you know how
        Glad it worked for ya, though JJR512 is the real hero for that one. I just copy pasted
        Board of the Month: November
        Websites: Pixeljunction , vBulletin.org
        Button Sets: XP and Aqua Button sets! FREE!
        vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

        Comment

        • Dalius
          Senior Member
          • Sep 2001
          • 755

          #5
          Where is silver-fade.gif?

          Comment

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