vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)
-   -   Adding code into header thats outside the forum width (https://vborg.vbsupport.ru/showthread.php?t=240434)

NoKSouLz 04-14-2010 08:27 AM

Adding code into header thats outside the forum width
 
Basically i have a forum thats got a funky background that goes down each side of the forum. The forum is set to a specific width so that the images are displayed down the sides as a background.

I have created and setup a bar that contains quick and easy options for users that appears at the very top.

I have coded it in CSS and added it into the Additional CSS template file. I have also added the div codes into the very top of the header.

My bar seems to be limiting to the forums width when i want it to stretch completely across the top of the page 100% width.

I have used a container and set it to 100% width but it seems to be setting 100% of the forums width rather than page width

www.decerto.net

How would i go about making it 100% page width rather than forum width.

Thanks

Alec

Vaupell 04-14-2010 01:35 PM

1 Attachment(s)
place your code in either
"header" = below your vb forum
"footer" = above your vb forum.

I made a few styles, where the forum is fixed center
and i deleted the navbar, and created my own navigation on the site
using CSS, and a "absolute" position..

adding the code in footer after body tag ends.
reason i chose footer, is becourse if someone got small res, they cant see the menu.

but for a background i would def, choose header..

this is a small nav menu i placed "outside" forum
Code:

.menupos {
position:fixed;
left:0px;
top:250px;
}
.menuitem {
background-image:url('images/evibus/leftmenu.gif');
width:200px;
position:fixed;
left:0px;
top:260px;
repeat:vertical;
}
.menutext {
padding-left:10px;
}

Menupos = first topleft position for top img.
Menuitem = background for each menuentry
Menutext = tags format for text/links

Code i entered in footer at Line 0
Code:

<div class="menupos">
<img src="images/evibus/leftmenutop.gif" />
</div>
<div class="menupos menuitem" >
<ul>
<li class="menutext"> Test </li>
<li class="menutext"> Test </li>
<li class="menutext"> Test </li>
</ul>
</div>

Result in navigation outside forum border : Attachment 115762

NoKSouLz 04-14-2010 04:12 PM

Thats the thing tho..

My div coding which is what displays the bar and text and the links is inside the header..

At the very top above everything

Yet it still appears inside the forums width


All times are GMT. The time now is 11:35 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02399 seconds
  • Memory Usage 1,716KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (3)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete