The Arcive of Official vBulletin Modifications Site.

SBoards · #1 11-25-2007, 04:59 AM

I've got the "Main Table Width" set to 100% in the StyleVars page, but it seems like the only thing it's controlling is the bar all othe way at the bottom of the page where the AdminCP link is. That bar is the only thing on my page that changes when I alter that value.

Is there somewhere else I should be looking?

It's not even THAT big of a deal, but I just was going to see how it would look, and I couldn't. It's bugging me!

Thanks in advance.

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

oh yeah... here's a link to my boards

http://www.thescoreboards.com/forums/

Freesteyelz · #2 11-25-2007, 06:52 AM

Are you referring to the "TESTING" style?

In your header template do you have the code "$spacer_open"? Your footer should also have "$spacer_close".

Princeton · #3 11-25-2007, 05:01 PM

Changing the stylevars should be global ..
most likely you hardcoded some template variables.

Which style are you referring to?

SBoards · #4 11-26-2007, 11:42 AM

The Default Style.

I haven't touched the Testing one in a while, in fact I forgot to make it unavailable again, thanks for reminding me. lol.

Same goes for the "NE" style.

Princeton · #5 11-26-2007, 12:21 PM

could be "spacer size" - controlled via Style Manager / StyleVars

SBoards · #6 11-26-2007, 07:31 PM

Thanks for helpin me out.

I actually tried that... in fact I tried everything controlled in StyleVars. Limited all borders and expanded all width's... still a nogo.

Is it possible that a template can hardcode the width?

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

Quote:

Originally Posted by Freesteyelz

Are you referring to the "TESTING" style?

In your header template do you have the code "$spacer_open"? Your footer should also have "$spacer_close".

i have a "$spacer_close" in the footer... but no "$spacer_open" in the header. Does this mean anything?

Freesteyelz · #7 11-26-2007, 08:02 PM

Yes...Without that code your changes in StyleVARS will not apply to the majority of your body. Add the $spacer_open to something like:

Code:

$spacer_open
$_phpinclude_output

That should fix your layout.

SBoards · #8 11-27-2007, 01:34 AM

Might be getting somewhere.

When I put that in the header (right below my logo/widget) on this style, it actually made it smaller. Hmmm...

Then... if I put it on 100% it makes me have to scroll horizontally because the bar on the bottom stretches too far... and the rest of the body still doesn't follow. It's currently set to 90%.

Freesteyelz · #9 11-27-2007, 01:52 AM

Can you please post your header and footer codes.

SBoards · #10 11-27-2007, 02:31 AM

Quote:

Originally Posted by Freesteyelz

Can you please post your header and footer codes.

header:

Code:

<html><center><table cellspacing="0" cellpadding="0" border="0">
<tr><td><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img 
src="http://www.thescoreboards.com/images...atriotstsb.gif" border="0" alt="$vboptions[bbtitle]" /></a></td><TH 
ROWSPAN=2><ALIGN=Right><iframe scrolling='no' style='width: 600px; height: 165px; padding: -8px; margin: -5px; 
border: 0; scrolling: no' id='bleacher-report-iframe' src=' 
http://bleacherreport.com/widgets/if...table></center>
$spacer_open
$_phpinclude_output
<html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="/common/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 13pt;
  font-style: Normal;
  font-weight: bold;
  color: #ffffff;
}
div.menuBar {
  background-color: #32593E;
  border: 0px outset #32593E;
  padding: 4px 2px 4px 0px;
  text-align: left;
  vertical-align:top;
}
div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #32593E;
  color: #ffffff;
  cursor: default;
  left: 0px;
  margin: 50px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}
div.menuBar a.menuButton:hover {
  background-color: green;
  border: 1px outset #32593E;
  color: #ffffff;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: green;
  border: 1px inset #32593E;
  color: #ffffff;
  left: 1px;
  top: 1px;
}
div.menu {
  background-color: #32593E;
  border: 2px outset #32593E;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}
div.menu a.menuItem {
  color: #ffffff;
  cursor: default;
  display: block;
  padding: 0px 1em;
  text-decoration: none;
  white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: green;
  color: #ffffff;
}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}
div.menu div.menuItemSep {
  border: 1px inset #32593E;
  margin: 4px 2px;
}
</style>
<script type="text/javascript">//<![CDATA[
//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------
function Browser() {
  var ua, s, i;
  this.isIE    = false;  // Internet Explorer
  this.isOP    = false;  // Opera
  this.isNS    = false;  // Netscape
  this.version = null;
  ua = navigator.userAgent;
  s = "Opera";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isOP = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
  // Treat any other "Gecko" browser as Netscape 6.1.
  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
  s = "MSIE";
  if ((i = ua.indexOf(s))) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
}
var browser = new Browser();
//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------
var activeButton = null;
/* [MODIFIED] This code commented out, not needed for activate/deactivate
   on mouseover.
// Capture mouse clicks on the page so any active button can be
// deactivated.
if (browser.isIE)
  document.onmousedown = pageMousedown;
else
  document.addEventListener("mousedown", pageMousedown, true);
function pageMousedown(event) {
  var el;
  // If there is no active button, exit.
  if (activeButton == null)
    return;
  // Find the element that was clicked on.
  if (browser.isIE)
    el = window.event.srcElement;
  else
    el = (event.target.tagName ? event.target : event.target.parentNode);
  // If the active button was clicked on, exit.
  if (el == activeButton)
    return;
  // If the element is not part of a menu, reset and clear the active
  // button.
  if (getContainerWith(el, "DIV", "menu") == null) {
    resetButton(activeButton);
    activeButton = null;
  }
}
[END MODIFIED] */
function buttonClick(event, menuId) {
  var button;
  // Get the target button element.
  if (browser.isIE)
    button = window.event.srcElement;
  else
    button = event.currentTarget;
  // Blur focus from the link to remove that annoying outline.
  button.blur();
  // Associate the named menu to this button if not already done.
  // Additionally, initialize menu display.
  if (button.menu == null) {
    button.menu = document.getElementById(menuId);
    if (button.menu.isInitialized == null)
      menuInit(button.menu);
  }
  // [MODIFIED] Added for activate/deactivate on mouseover.
  // Set mouseout event handler for the button, if not already done.
  if (button.onmouseout == null)
    button.onmouseout = buttonOrMenuMouseout;
  // Exit if this button is the currently active one.
  if (button == activeButton)
    return false;
  // [END MODIFIED]
  // Reset the currently active button, if any.
  if (activeButton != null)
    resetButton(activeButton);
  // Activate this button, unless it was the currently active one.
  if (button != activeButton) {
    depressButton(button);
    activeButton = button;
  }
  else
    activeButton = null;
  return false;
}
function buttonMouseover(event, menuId) {
  var button;
  // [MODIFIED] Added for activate/deactivate on mouseover.
  // Activates this button's menu if no other is currently active.
  if (activeButton == null) {
    buttonClick(event, menuId);
    return;
  }
  // [END MODIFIED]
  // Find the target button element.
  if (browser.isIE)
    button = window.event.srcElement;
  else
    button = event.currentTarget;
  // If any other button menu is active, make this one active instead.
  if (activeButton != null && activeButton != button)
    buttonClick(event, menuId);
}
function depressButton(button) {
  var x, y;
  // Update the button's style class to make it look like it's
  // depressed.
  button.className += " menuButtonActive";
  // [MODIFIED] Added for activate/deactivate on mouseover.
  // Set mouseout event handler for the button, if not already done.
  if (button.onmouseout == null)
    button.onmouseout = buttonOrMenuMouseout;
  if (button.menu.onmouseout == null)
    button.menu.onmouseout = buttonOrMenuMouseout;
  // [END MODIFIED]
  // Position the associated drop down menu under the button and
  // show it.
  x = getPageOffsetLeft(button);
  y = getPageOffsetTop(button) + button.offsetHeight;
  // For IE, adjust position.
  if (browser.isIE) {
    x += button.offsetParent.clientLeft;
    y += button.offsetParent.clientTop-button.offsetParent.clientTop-button.offsetParent.clientTop;
  }
  button.menu.style.left = x + "px";
  button.menu.style.top  = y + "px";
  button.menu.style.visibility = "visible";
  // For IE; size, position and show the menu's IFRAME as well.
  if (button.menu.iframeEl != null)
  {
    button.menu.iframeEl.style.left = button.menu.style.left;
    button.menu.iframeEl.style.top  = button.menu.style.top;
    button.menu.iframeEl.style.width  = button.menu.offsetWidth + "px";
    button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
    button.menu.iframeEl.style.display = "";
  }
}
function resetButton(button) {
  // Restore the button's style class.
  removeClassName(button, "menuButtonActive");
  // Hide the button's menu, first closing any sub menus.
  if (button.menu != null) {
    closeSubMenu(button.menu);
    button.menu.style.visibility = "hidden";
    // For IE, hide menu's IFRAME as well.
    if (button.menu.iframeEl != null)
      button.menu.iframeEl.style.display = "none";
  }
}
//----------------------------------------------------------------------------
// Code to handle the menus and sub menus.
//----------------------------------------------------------------------------
function menuMouseover(event) {
  var menu;
  // Find the target menu element.
  if (browser.isIE)
    menu = getContainerWith(window.event.srcElement, "DIV", "menu");
  else
    menu = event.currentTarget;
  // Close any active sub menu.
  if (menu.activeItem != null)
    closeSubMenu(menu);
}
function menuItemMouseover(event, menuId) {
  var item, menu, x, y;
  // Find the target item element and its parent menu element.
  if (browser.isIE)
    item = getContainerWith(window.event.srcElement, "A", "menuItem");
  else
    item = event.currentTarget;
  menu = getContainerWith(item, "DIV", "menu");
  // Close any active sub menu and mark this one as active.
  if (menu.activeItem != null)
    closeSubMenu(menu);
  menu.activeItem = item;
  // Highlight the item element.
  item.className += " menuItemHighlight";
  // Initialize the sub menu, if not already done.
  if (item.subMenu == null) {
    item.subMenu = document.getElementById(menuId);
    if (item.subMenu.isInitialized == null)
      menuInit(item.subMenu);
  }
  // [MODIFIED] Added for activate/deactivate on mouseover.
  // Set mouseout event handler for the sub menu, if not already done.
  if (item.subMenu.onmouseout == null)
    item.subMenu.onmouseout = buttonOrMenuMouseout;
  // [END MODIFIED]
  // Get position for submenu based on the menu item.
  x = getPageOffsetLeft(item) + item.offsetWidth;
  y = getPageOffsetTop(item);
  // Adjust position to fit in view.
  var maxX, maxY;
  if (browser.isIE) {
    maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) +
      (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : 
document.body.clientWidth);
    maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) +
      (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : 
document.body.clientHeight);
  }
  if (browser.isOP) {
    maxX = document.documentElement.scrollLeft + window.innerWidth;
    maxY = document.documentElement.scrollTop  + window.innerHeight;
  }
  if (browser.isNS) {
    maxX = window.scrollX + window.innerWidth;
    maxY = window.scrollY + window.innerHeight;
  }
  maxX -= item.subMenu.offsetWidth;
  maxY -= item.subMenu.offsetHeight;
  if (x > maxX)
    x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth
      + (menu.offsetWidth - item.offsetWidth));
  y = Math.max(0, Math.min(y, maxY));
  // Position and show the sub menu.
  item.subMenu.style.left       = x + "px";
  item.subMenu.style.top        = y + "px";
  item.subMenu.style.visibility = "visible";
  // For IE; size, position and display the menu's IFRAME as well.
  if (item.subMenu.iframeEl != null)
  {
    item.subMenu.iframeEl.style.left    = item.subMenu.style.left;
    item.subMenu.iframeEl.style.top     = item.subMenu.style.top;
    item.subMenu.iframeEl.style.width   = item.subMenu.offsetWidth + "px";
    item.subMenu.iframeEl.style.height  = item.subMenu.offsetHeight + "px";
    item.subMenu.iframeEl.style.display = "";
  }
  // Stop the event from bubbling.
  if (browser.isIE)
    window.event.cancelBubble = true;
  else
    event.stopPropagation();
}
function closeSubMenu(menu) {
  if (menu == null || menu.activeItem == null)
    return;
  // Recursively close any sub menus.
  if (menu.activeItem.subMenu != null) {
    closeSubMenu(menu.activeItem.subMenu);
    menu.activeItem.subMenu.style.visibility = "hidden";
    // For IE, hide the sub menu's IFRAME as well.
    if (menu.activeItem.subMenu.iframeEl != null)
      menu.activeItem.subMenu.iframeEl.style.display = "none";
    menu.activeItem.subMenu = null;
  }
  // Deactivate the active menu item.
  removeClassName(menu.activeItem, "menuItemHighlight");
  menu.activeItem = null;
}
// [MODIFIED] Added for activate/deactivate on mouseover. Handler for mouseout
// event on buttons and menus.
function buttonOrMenuMouseout(event) {
  var el;
  // If there is no active button, exit.
  if (activeButton == null)
    return;
  // Find the element the mouse is moving to.
  if (browser.isIE)
    el = window.event.toElement;
  else if (event.relatedTarget != null)
      el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);
  // If the element is not part of a menu, reset the active button.
  if (getContainerWith(el, "DIV", "menu") == null) {
    resetButton(activeButton);
    activeButton = null;
  }
}
// [END MODIFIED]
//----------------------------------------------------------------------------
// Code to initialize menus.
//----------------------------------------------------------------------------
function menuInit(menu) {
  var itemList, spanList;
  var textEl, arrowEl;
  var itemWidth;
  var w, dw;
  var i, j;
  // For IE, replace arrow characters.
  if (browser.isIE) {
    menu.style.lineHeight = "2.5ex";
    spanList = menu.getElementsByTagName("SPAN");
    for (i = 0; i < spanList.length; i++)
      if (hasClassName(spanList[i], "menuItemArrow")) {
        spanList[i].style.fontFamily = "Webdings";
        spanList[i].firstChild.nodeValue = "4";
      }
  }
  // Find the width of a menu item.
  itemList = menu.getElementsByTagName("A");
  if (itemList.length > 0)
    itemWidth = itemList[0].offsetWidth;
  else
    return;
  // For items with arrows, add padding to item text to make the
  // arrows flush right.
  for (i = 0; i < itemList.length; i++) {
    spanList = itemList[i].getElementsByTagName("SPAN");
    textEl  = null;
    arrowEl = null;
    for (j = 0; j < spanList.length; j++) {
      if (hasClassName(spanList[j], "menuItemText"))
        textEl = spanList[j];
      if (hasClassName(spanList[j], "menuItemArrow"))
        arrowEl = spanList[j];
    }
    if (textEl != null && arrowEl != null) {
      textEl.style.paddingRight = (itemWidth 
        - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
      // For Opera, remove the negative right margin to fix a display bug.
      if (browser.isOP)
        arrowEl.style.marginRight = "0px";
    }
  }
  // Fix IE hover problem by setting an explicit width on first item of
  // the menu.
  if (browser.isIE) {
    w = itemList[0].offsetWidth;
    itemList[0].style.width = w + "px";
    dw = itemList[0].offsetWidth - w;
    w -= dw;
    itemList[0].style.width = w + "px";
  }
  // Fix the IE display problem (SELECT elements and other windowed controls
  // overlaying the menu) by adding an IFRAME under the menu.
  if (browser.isIE) {
    var iframeEl = document.createElement("IFRAME");
    iframeEl.frameBorder = 0;
    iframeEl.src = "javascript:;";
    iframeEl.style.display = "none";
    iframeEl.style.position = "absolute";
    iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
    menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
  }
  // Mark menu as initialized.
  menu.isInitialized = true;
}
//----------------------------------------------------------------------------
// General utility functions.
//----------------------------------------------------------------------------
function getContainerWith(node, tagName, className) {
  // Starting with the given node, find the nearest containing element
  // with the specified tag name and style class.
  while (node != null) {
    if (node.tagName != null && node.tagName == tagName &&
        hasClassName(node, className))
      return node;
    node = node.parentNode;
  }
  return node;
}
function hasClassName(el, name) {
  var i, list;
  // Return true if the given element currently has the given class
  // name.
  list = el.className.split(" ");
  for (i = 0; i < list.length; i++)
    if (list[i] == name)
      return true;
  return false;
}
function removeClassName(el, name) {
  var i, curList, newList;
  if (el.className == null)
    return;
  // Remove the given class name from the element's className property.
  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}
function getPageOffsetLeft(el) {
  var x;
  // Return the x coordinate of an element relative to the page.
  x = el.offsetLeft;
  if (el.offsetParent != null)
    x += getPageOffsetLeft(el.offsetParent);
  return x;
}
function getPageOffsetTop(el) {
  var y;
  // Return the x coordinate of an element relative to the page.
  y = el.offsetTop;
  if (el.offsetParent != null)
    y += getPageOffsetTop(el.offsetParent);
  return y;
}
//]]></script>
</head>
<body>
<div align="center">
 <div class="page" style="width:90%; text-align:left">
  <div style="padding:0px 25px 0px 25px">

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05568 seconds Memory Usage 2,312KB Queries Executed 11 (?)
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 (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_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 pagenav_page pagenav_complete 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!