Header & Footer - Printable Version

The following warnings occurred:

Warning [2] Undefined variable $unreadreports - Line: 26 - File: global.php(961) : eval()'d code PHP 8.2.25 (Linux)

File	Line	Function
/global.php(961) : eval()'d code	26	errorHandler->error
/global.php	961	eval
/printthread.php	16	require_once

Header & Footer - Printable Version

+- UserSpice (https://userspice.com/forums)
+-- Forum: Support Center (https://userspice.com/forums/forumdisplay.php?fid=23)
+--- Forum: UserSpice 4.3 and Below (https://userspice.com/forums/forumdisplay.php?fid=26)
+--- Thread: Header & Footer (/showthread.php?tid=665)

Header & Footer - scott - 08-08-2017

Hi,

I was wondering if any of you folks could help me out.

I have managed to modify page_footer.php to carry my custom footer, which is enclosed within a container rather than a container-fluid.
I need to script my header/navigation so it matches my style, so I need to know where / how I can put the header in a container rather than the container-fluid it appears to live in and where to change the colour of this header.

Also:

Is deploying a finished project to a live server rather than a test server simple?
BTW – I am running version 4.2.6

Thanks
Scott

Header & Footer - Brandin - 08-08-2017

You probably need to change the class on

Code:
<body class="nav-md">

~ line 161 on

Code:
header.php

Code:
users/includes

- note this is going to get overwritten with new updates so you are going to have to perform your updates manually to be sure you don't lose your changes.

And deploying should be almost drag and drop. You will need to change any social callbacks and the email server if you have one setup.

That should be pretty much it though as long as you don't have any static links e.g.

Code:
http://localhost/js/blah.js

Code:
/js/blah.js

type thing

Sorry if that doesn't make sense lol

Header & Footer - karsen - 08-08-2017

When deploying you'll want to test each page just to make sure all is working as it should. Server config differences and different PHP versions between your development server and production server could cause a few hickups. You can always upload to a temp directory for testing before moving it and making it live.

Header & Footer - firestorm - 08-09-2017

To change from container to container-fluid you pretty much have to change every file that has html in userspice, body doesn't control it I'm afraid, I've had to do it with my custom package, if you do that you may aswell go ahead and remove all the deprecated align="" attributes scattered about and replace with either inline styles ( yuk..!) or drop into the stylesheet as align="" won't validate in html5

the core css is taken care off by bootstrap via cdn, all other styles are taken care off in the various css files within the css folder. you can drop your own into that folder and user spice will find it, you then just select it from the settings menus.

if you have just a few mods you could just put them in the header after the included css files wrapped in <style></style> tags

Header & Footer - mudmin - 08-10-2017

Just curious...what kind of problems does container-fluid cause you?

Header & Footer - scott - 08-10-2017

Quote:Just curious…what kind of problems does container-fluid cause you?

I am trying to 'user spice' a project that i have mostly completed in bootstrap and this project has been written using the container class, so i have a page that sits in the centre with full-width header and footer. It no longer looks right

Header & Footer - karsen - 08-10-2017

I use a static full-width header/footer with centered content using container-fluid so it's definitely do-able. The difference between the two containers is that .container has media queries to change it's fixed width at certain viewpoints, while .container-fluid will always maintain a 100{3bc1fe685386cc4c3ab89a3f76566d8931e181ad17f08aed9ad73b30bf28114d} width.

You should be able to change all references of .container to .container-fluid in your css without any change to function. If you try it and it's not working there's probably some funky interaction going on between it and another element, but we'd need to see your full css to figure it out.