MyBB Themes - ThemeFreak
How to change the header? - Printable Version

+- MyBB Themes - ThemeFreak (http://www.themefreak.net)
+-- Forum: MyBB 1.6.x (http://www.themefreak.net/forumdisplay.php?fid=8)
+--- Forum: Support for 1.6.x (http://www.themefreak.net/forumdisplay.php?fid=10)
+---- Forum: Minimal (http://www.themefreak.net/forumdisplay.php?fid=17)
+---- Thread: How to change the header? (/showthread.php?tid=71)



How to change the header? - phio_chan - 22nd Mar

Hi there.

I have a question about changing the header. Not only the logo, but I want to replace the whole grey area at the top of the page with my forum's banner. How may I do this?

Also, is it possible to change the color of the fonts "Forums", "Members", and "Calendar" at the top of the page? So I can adjust it to match my banner later on.

Thanks a lot! Big Grin


RE: How to change the header? - Jon - 22nd Mar

To change the background of the header you need to go to Templates and styles > minimal > global.css

Find
Code:
#header {
    background: #41403b;
    width: 100%;
    height: 80px;
}

You need to replace the background attribute with which color and image you would like to be shown there.

for an image called banner.jpg add the following code in place of the background
Code:
background: #ffffff url(images/minimal/banner.jpg) no-repeat center top;

Change #ffffff to the color you would like the header to be when if the banner image does not stretch full screen.

To change the color of the links in the menu find the following
Code:
.menu ul a:link {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:visited {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4c84bd;
    text-decoration: none;
}

Edit the color attribute to match what you would like. To change the active page color edit the color attribute of the code below
Code:
body#forums a#forumnav,
body#members a#memnav,
body#calendar a#calnav {
    color: #fb992e;
}



RE: How to change the header? - phio_chan - 24th Mar

Ah, okay, it works! Thanks a lot, Jon. Big Grin