Forum border (Again)

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Sem
    Member
    • Mar 2003
    • 38

    Forum border (Again)

    i need help with my forum border
    i made a post here afew months ago that seemed to work pretty well
    how do i add a border around my vB forum like this www.halflife2.net/forums (http://www.halflife2.net/forums) thanks :cool:


    but i want a new effect

    with my current forum http://www.euro-gamers.net/forums/
    the border is there but its not really visible and doesnt not cleary seperate the forum from the background

    i ran accross this site http://ntsc-uk.domino.org/
    that has a border that clearly seperates them
    it also adds the copyright message at the bottom into the main table

    can anyone tell me how i can make my border look like this

    ive tried to change the border options to 2px but i then get huge borders inside every table when i just want one on the outside

    thanks
  • Jake Bunce
    Senior Member
    • Dec 2000
    • 46598
    • 3.6.x

    #2
    In the header template:

    Code:
    [color=red]<table class="tborder" style="border: 2px solid #0B198C;" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
    <td align="top">[/color]
    
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
    	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    	<td align="$stylevar[right]">
    		&nbsp;
    <!--
      NEW HEADER &amp; NAVBAR
      
      Now that the nav buttons are in the
      navbar template, you can stick whatever
      you like into this space.
    
      This makes it much easier for novice
      admins to customize their header
      template without affecting important
      navigation elements.
    -->
    	</td>
    </tr>
    </table>
    <!-- /logo -->
    
    <!-- content table -->
    $spacer_open
    
    $_phpinclude_output
    I added the style attribute, style="border: 2px solid #0B198C;", to set a 2px border for this table only. Change the color code, #0B198C, appropriately to change the color of the border.

    In the footer template:

    Code:
    <br />
    <div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
    <br />
    
    $spacer_close
    <!-- /content area table -->
    
    <form action="$vboptions[forumhome].php" method="get">
    	
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
    <tr>
    	<if condition="$show['quickchooser']">
    		<td class="tfoot">
    			<select name="styleid" id="ressel" onchange="switch_styleid(this)">
    				<optgroup label="$vbphrase[quick_style_chooser]">
    					$quickchooserbits
    				</optgroup>
    			</select>
    		</td>
    	</if>
    	<td class="tfoot" align="$stylevar[right]">
    		<div class="smallfont">
    			<strong>
    				<if condition="$show['contactus']"><a href="$vboptions[contactuslink]">$vbphrase[contact_us]</a> -</if>
    				<a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -
    				<if condition="$show['admincplink']"><a href="$admincpdir/index.php?$session[sessionurl]">$vbphrase[admin]</a> -</if>
    				<if condition="$show['modcplink']"><a href="$modcpdir/index.php?$session[sessionurl]">$vbphrase[mod]</a> -</if>
    				<if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if>
    				<if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
    				<a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
    			</strong>
    		</div>
    	</td>
    </tr>
    </table>
    
    <br />
    
    <div align="center">
    	<div class="smallfont" align="center">
    	<!-- Do not remove this copyright notice -->
    	$vbphrase[powered_by_vbulletin]
    	<!-- Do not remove this copyright notice -->
    	</div>
    	
    	<div class="smallfont" align="center">
    	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
    	$cronimage
    	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
    	
    	$vboptions[copyrighttext]
    	</div>
    </div>
    
    </form>
    
    [color=red]</td>
    </tr>
    </table>[/color]
    
    <if condition="$show['dst_correction']">
    <!-- auto DST correction code -->
    <form action="profile.php" method="post" name="dstform">
    	<input type="hidden" name="s" value="$session[sessionhash]" />
    	<input type="hidden" name="do" value="dst" />
    </form>
    <script type="text/javascript">
    <!--
    	var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
    	var utcOffset = new Date().getTimezoneOffset() / 60;
    	if (Math.abs(tzOffset + utcOffset) == 1)
    	{	// Dst offset is 1 so its changed
    		document.forms.dstform.submit();
    	}
    //-->
    </script>
    <!-- / auto DST correction code -->
    
    </if>
    <script type="text/javascript">
    <!--
    	// Main vBulletin Javascript Initialization
    	vBulletin_init();
    
    	// Initialize 'Active' Table Cells
    	//activecells_init();
    //-->
    </script>
    I moved the code farther down the template.

    Comment

    • Sem
      Member
      • Mar 2003
      • 38

      #3
      Jake you are once again my knight in shining armour

      if you ever need anything (not vB related ) give me a pm



      btw do i revert the templates back to the orginal before adding these or add them to the modified ones

      Comment

      • Jake Bunce
        Senior Member
        • Dec 2000
        • 46598
        • 3.6.x

        #4
        Either revert the templates first or manually remove the old code additions. Then add the red code from my post.

        Comment

        • Sem
          Member
          • Mar 2003
          • 38

          #5
          Sorry to bother you again Jake
          but i would like to know how to change the colour of this table

          and i promise this will be the last one (for now )
          Attached Files

          Comment

          • Jake Bunce
            Senior Member
            • Dec 2000
            • 46598
            • 3.6.x

            #6
            That area gets its background color from the table code that was added to the header. Go into your header template and add the red code to the code you already added:

            Code:
            <table class="tborder" style="border: 2px solid #0B198C; [color=red]background: #123456;[/color]" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" border="0" align="center">
            <tr>
            <td align="top">
            Change the color code appropriately. This will change the background color of that area.

            Comment

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