I changed this to make all of the background picture show up but it reverts back and cuts off 1/3rd of the pictures bottom when you log out and the "register" button pops up. Thanks for any help.
// Because of the way width/padding are calculated, we have to tell Internet Explorer 4 and 5 that the content should be 100% wide. (or else it will assume about 108%!)
echo '
<div id="headerarea" style="padding: 0px 0px 80px 0px;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">';
I also just noticed that the rest of the picture shows up at the bottom of the page (when logged out). If that is any help.
Can anyone help with restoring the header background picture to full size when logged out??
If you want a background on "headerarea" to always show in full, you need to set a height attribute on the id. That might not be desireable in all cases.
Ok, Just to give it a try how do I do it?
Thanks
Mark
Just add for example..
height: 400px;
...to "headerarea" id in style.css and go from there. It might not work properly though, since the html content inside that id can be very different depending on which section of the forum you are in.
I have tried abaout every where but it will not change. Any ideas??
/* Normal, standard links. */
a:link
{
color: #000000;
text-decoration: underline;
}
a:visited, a:hover
{
color: #323232;
text-decoration: underline;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
font-weight: bold;
color: #cc3333;
text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* By default (td, body..) use Tahoma in black. */
body, td
{
color: #000000;
font-size: small;
font-family: Tahoma, arial, helvetica, serif;
}
/* The main body of the entire forum. */
body
{
background-color: white;
margin: 1px;
padding: 1px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-size: 9pt;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}
/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #C3B8D0;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
}
/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid #000000;
padding: 1px;
font-family: "courier new", helvetica, "times new roman", serif;
font-size: x-small;
width: 99%;
margin: 1px auto 1px auto;
white-space: nowrap;
overflow: auto;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}
/* Generally, those [?] icons. This makes your cursor a help icon. */
.help
{
cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
width: 100%;
}
/* Highlighted text - such as search results ;). */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #E1E1E1;
}
.windowbg2
{
color: #000000;
background-color: #F0F0F0;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
color: white;
font-style: normal;
background-color: #6B8EAE;
}
.titlebg a:hover
{
color: #dfdfdf;
}
/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
background-image: url(images/catbg.jpg);
}
/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
background-image: url(images/catbg2.jpg);
}
.catbg, .catbg2
{
font-weight: bold;
background-color: silver;
color: #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #828181;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
border: 1px solid #828181;
background-color: #FFFFFF;
padding: 2px;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}
/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
background-image: url(images/header back gr.gif);
border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
background-color: #D4D4D4;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
color: black;
background-color: #D4D4D4;
border-top: 1px solid gray;
}
/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
background-color: #6B8EAE;
border: 1px solid #6B8EAE;
}
.headerbodies
{
border: 1px solid #7A7777;
background-color: #EFEFEF;
background-repeat: repeat-x;
background-position: bottom;
}
It might be impossible to just set a height. Its meant to expand with content really. How about setting a background on body instead? making headerarea with no background? At least then you will always see the whole thing.