PDA

View Full Version : Extend Header+Navbar


TheRealso0sick
06-18-2011, 07:43 PM
Hi,
so i have been looking forever to find this value
but can't seem to find it, so i hope one of you guys
can help me out.

What it looks right now:
Attachment 1 (https://vborg.vbsupport.ru/attachment.php?attachmentid=130163&stc=1&thumb=1&d=1308429883)

What i'm trying to do is to extend the width of the header & navbar (1)
but still keep the width of the forum to its original size (2)

Here is what i want it to look like in the end

Attachment 2 (https://vborg.vbsupport.ru/attachment.php?attachmentid=130164&stc=1&thumb=1&d=1308429883)

Anyone got a tip for me
on how to do this?

Any help is appreciated!

Regards,
HSB.

Frosty
06-18-2011, 08:18 PM
<a href="http://i.imgur.com/D5XRC.png" target="_blank">http://i.imgur.com/D5XRC.png</a> - Want it to look like that? I can attach the XML or write the edits you need to do.

TheRealso0sick
06-18-2011, 08:25 PM
http://i.imgur.com/D5XRC.png - Want it to look like that? I can attach the XML or write the edits you need to do.

Yes, almost exactly like that
but i need to extend it over the whole size of the page.
(including the grey body, on your screenshot)

Frosty
06-18-2011, 08:32 PM
http://i.imgur.com/7lX3q.png - It's full width now.

Anyhow,
Go to your Admin Panel, then go in your Style Manager, pick your style...

Pick the "StyleVars" option from the drop-down menu...

Spacer size: replace with "0".
Go to Main CSS of your style, edit "Extra CSS Attributes" of the "body" div.

Replace them with this:
margin: 0px;
padding: 0px;


Save....

Go to NAVBAR template, add this at the end of it:
<div style="padding: 20px;">

Save..

Go to FOOTER template, add this at the end:
</div>

That's all! :)

TheRealso0sick
06-18-2011, 08:40 PM
Thanks Frosty!

It's now like you showed me on your first screenshot.
What did u edit to get it to the full width?

Frosty
06-18-2011, 08:49 PM
I wrote you how to do it, just go to the Main CSS of your style, and replace the old values with the new ones..

Screenshot: http://i.imgur.com/2v7Mh.png

The area where I've marked "margin: 0px; padding: 0px;" , you should replace old values with those...

Rest of it is pretty easy.

TheRealso0sick
06-18-2011, 08:55 PM
I did it exactly like you said, but still it isn't the full width
on the navbar :'(

Frosty
06-18-2011, 08:58 PM
Have you made all edits? I've included my XML, and you can see the edits that were made to the style:
- NAVBAR template edit
- FOOTER template edit
- StyleVars edit
- Main CSS, body edit

TheRealso0sick
06-18-2011, 09:30 PM
It works with ur imported xml,
but not if i change it manually.

It's probably another value messing with it,
cuz the style was costumized before.
Ill look for it..

Thanks for your help Frosty