Header area colour

[kateydrop]

Hya,

I am using Theme by DzinerStudio --> Mystic Jade a lovely theme.

What is it I had the name changed (permission granted from the creator) but when it came back its black background and I can't find what area is the dark brown color in CSS for the header area.

The CSS

Code Select Expand


/* Normal, standard links. */
a:link {
   color: #869927;
   text-decoration: none;
}

a:visited {
   color: #869927;
   text-decoration: none;
}

a:hover {
   color: #5f6b22;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
   color: #aaa;
   text-decoration: none;
}

a.nav:hover {
   color: white;
   text-decoration: none;
}

/* Tables should show empty cells. */
table {
   empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr {
   line-height: 150%;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   color: #cdcdcd;
   font-size: 11px;
}

/* The main body of the entire forum. */
body {
   margin: 0px;
   padding: 0px;
   background: #000000 url(images/body-bg.jpg) repeat-x;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
   color: #000;
   font-family: verdana, sans-serif;
}

input, button {
   font-size: 110%;
}

textarea {
   font-size: 110%;
   color: #000;
   font-family: verdana, sans-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: 110%;
   font-weight: normal;
   color: #000;
   font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #666666;
   background-color: #454545;
}

/* No image should have a border when linked */
a img {
      border: 0;
}

/* A quote, perhaps from another post. */
.quote {
   color: #3a3a3a;
   background-color: #edebeb;
   border: 1px solid #353535;
   margin: 1px;
   padding: 1px;
   font-size: x-small;
   line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code {
   color: #3a3a3a;
   background-color: #ddd;
   /*font-family: "courier new", "times new roman", monospace;*/
   font-size: x-small;
   line-height: 1.3em;
   /* Put a nice border around it. */
   border: 1px solid #252525;
   margin: 1px auto 1px auto;
   padding: 1px;
   width: 99%;
   /* Don't wrap its contents, and show scrollbars. */
   white-space: nowrap;
   overflow: auto;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
   color: #ccc;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: x-small;
   line-height: 1.2em;
}

/* 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: 96%;
}

/* 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 {
   padding: 5px;
   background-color: #262626;
}

.windowbg2 {
   padding: 5px;
   background-color: #303030;
}

.windowbg3 {
   padding: 5px;
   background-color: #333;
}

/* the today container in calendar */
.calendar_today
{
   background-color: #fff;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
   color: #cdcdcd;
   font-style: normal;
   background: #070707 url(images/titlebg.png) repeat-x;
   border-bottom: solid 1px #313131;
   padding-left: 10px;
   padding-right: 10px;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
   font-weight: bold;
   color: #cdcdcd;
   font-style: normal;
}

.titlebg a:hover {
   color: white;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
   color: #cdcdcd;
   font-style: normal;
   text-decoration: none;
}

.titlebg, .titlebg2 {
   font-size: 8pt;
   font-family: tahoma, sans-serif;
}

.titlebg2 a:hover {
   text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
   background: #869927 url(images/catbg.png) repeat-x;
   color: #fff;
   padding-left: 10px;
   padding-right: 10px;
}

.catbg2 , tr.catbg2 td {
   background: #869927 url(images/catbg.png) repeat-x;
   color: #fff;
   padding-left: 10px;
   padding-right: 10px;

}

.catbg, .catbg2, .catbg3 {
   border-bottom: solid 1px #353535;
   font-size: 9pt;
   font-family: tahoma, sans-serif;
}

.catbg, .catbg2 {
   font-weight: bold;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
   font-size: 95%;
   color: white;
   text-decoration: none;
}

.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
   color: white;
   text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
   color: #cdcdcd;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
      border: 1px solid #303030;
}

/* This is used on tables that should just have a border around them. */
.tborder {
   border: 1px solid #303030;
   padding: 0px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
   font-size: x-small;
   font-family: verdana, sans-serif;
}

.middletext {
   line-height: 18px;
   text-indent: 10px;
}

.normaltext {
   font-size: small;
}

.largetext {
   font-size: large;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
   width: 100%;
   overflow: auto;
   line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature {
   width: 100%;
   overflow: auto;
   padding-bottom: 3px;
   line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error {
      color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last,
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
   color: #ccc;
   vertical-align: top;
}
.maintab_back, .maintab_active_back,
.mirrortab_back, .mirrortab_active_back {
   color: #ccc;
   text-decoration: none;
   font-size:  10px;
   font-family: verdana, sans-serif;
   padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
   display: none;
}

.maintab_back,.mirrortab_back {
   background: url(images/tab-bg.png) repeat-x;
   color: #ccc;
}

.maintab_last,.mirrortab_last {
   display: none;
}

.maintab_active_first, .mirrortab_active_first {
   display: none;
}

.maintab_active_back, .mirrortab_active_back {
   background: url(images/toolbar-bg.png)  repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
   display: none;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited,
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
   color: #ccc;
   text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover,
.mirrortab_back a:hover, .mirrortab_active_back a:hover {
   color: white;
   text-decoration: none;
}

#wrapper {
   margin: auto;
   width: 80%;
   min-width: 720px;
   border-left: solid 1px #252525;
   border-right: solid 1px #252525;
   border-top: solid 1px #252525;
}

#mainarea {
   border-top: solid 1px #333;
   background: #1a1a1a;
   padding: 1ex;
}

#toolbar {
   height: 35px;
   background: url(images/toolbar-bg.png) repeat-x;
   position: relative;
}

#nav {
   background: url(images/toolbar-div.png) 0 0 no-repeat;
}

#nav li {
   background: url(images/toolbar-div.png) 100% 0 no-repeat;
}

#nav li a {
   color: #fff;
}

#nav a:hover {
   color: #444444;
}

#nav {
   margin: 0 0 0 10px;
   padding: 0;
   height: 35px;
   text-align:center;
}

#nav ul {
   padding: 0;
   margin: 0;
   margin-left: 2px;
}

#nav li {
   margin: 0;
   padding: 0;
   float: left;
   display: block;
}

#nav a {
   text-decoration: none;
   cursor: pointer;
   font-weight: bold;
}

#nav li.on li.on a {
   text-decoration: underline;
}

#nav li a {
   display: block;
   float: left;
   height: 35px;
   line-height: 35px;
   padding: 0 15px;
}

#userinfo {
   background: #1a1a1a url(images/userinfo.png) 0 0 repeat-x;
   color: #cdcdcd;
   width: 450px;
   float: left;
   padding: 20px 0 10px 25px;
}

#searchfield {
   background: #1a1a1a url(images/searchfield.png) 0 0 repeat-x;
   color: #cdcdcd;
   text-align: right;
   padding: 20px 25px 0px 5px;
}

#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: #1a1a1a url(images/header-bg.png) repeat-x;
}

#logo, #logo a {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 400px;
   height: 100px;
   background: url(images/logo1.png) no-repeat;
}

#news {
   height: 60px;
   padding-top: 20px;
   overflow: hidden;
   margin-left: 485px;
   margin-bottom: 10px;
   margin-right: 0px;
   color: #cdcdcd;
}

#footer {
   padding: 8px 40px 10px 40px;
   font-size: x-small;
   color: #b2b2b2;
   background: #1d1d1d url(images/footer-bg.png);
}

#footer {
   border-top: solid 1px #252525;
   padding: 5px;
   text-align: center;
   font-size: x-small;
}

#footer a:link , #footer a:visited {
   color: #869927;
}

#footer a:hover {
   color: #5f6b22;
}

Its just it looks odd with a dark brown banner and a black small logo sat there.

Thanks

[Deaks]

can you post the code from the index.template.php please

[kateydrop]

Hello,

Here it is RunicWarrior:

Code Select Expand


<?php
// Version: 1.1; index

/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.

The init sub template should load any data and set any hardcoded options.

The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.

The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.

The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.

The menu sub template should display all the relevant buttons the user
wants and or needs.

For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
global $context, $settings, $options, $txt;

/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';

/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';

/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '1.1';

/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;

/* Use plain buttons - as oppossed to text buttons? */
$settings['use_buttons'] = true;

/* Show sticky and lock status seperate from topic icons? */
$settings['seperate_sticky_lock'] = true;
}

// The main sub template above the content.
function template_main_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings, $boardurl;

// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
<meta name="description" content="', $context['page_title'], '" />
<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?rc2p"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
// ]]></script>
<title>', $context['page_title'], '</title>';

// The ?rc2 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?rc2" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?rc2" media="print" />';

/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';

// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
<link rel="search" href="' . $scripturl . '?action=search" />
<link rel="contents" href="', $scripturl, '" />';

// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']))
echo '
<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';

// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';

// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';


// We'll have to use the cookie to remember the header...
if ($context['user']['is_guest'])
$options['collapse_header'] = !empty($_COOKIE['upshrink']);

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'], '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';

function shrinkHeader(mode)
{';

// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

echo '
document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";

current_header = mode;
}
// ]]></script>';

// the routine for the info center upshrink
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';

function shrinkHeaderIC(mode)
{';

if ($context['user']['is_guest'])
echo '
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';

echo '
document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

current_header_ic = mode;
}
// ]]></script>';

echo '
</head>
<body>
   <div id="wrapper">
      <div id="header">
   <div id="logo"><a href="'.$scripturl.'" title=""></a></div>';
// Show a random news item? (or you could pick one from news_lines...)
     if (!empty($settings['enable_news'])) {
     echo '<div id="news">', $context['random_news_line'] , '</div>';
     }
     echo '
</div>
<div id="toolbar">
<div id="nav">',template_menu(),'
</div>
</div>
   <div id="userinfo">
                   <b>', $context['common_stats']['total_posts'], '</b> ', $txt[95], ' ', $txt['smf88'], ' <b>', $context['common_stats']['total_topics'], '</b> ', $txt[64], '- ', $txt[525], ' <span style="white-space: nowrap;"><b>', $context['common_stats']['total_members'], '</b> ', $txt[19], '</span> -
', $txt[656], ': <b> ', $context['common_stats']['latest_member']['link'], '</b>';

echo '
   </div>
   <div id="searchfield">
<form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '" style="margin: 0;">
<a href="', $scripturl, '?action=search;advanced"><img src="'.$settings['images_url'].'/filter.gif" align="middle" style="margin: 0 1ex;" alt="" /></a>
<input class="biginput" type="text" name="search" value="', $txt[182], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt[182], '...\';" style="width: 170px;" /> ';

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';

// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '
</form><br />
   </div>';
echo '<div id="mainarea">';
}

function template_main_below()
{
global $context, $settings, $options, $scripturl, $txt, $user_info;

        echo '
      </div>
<div id="footer">
          ', theme_copyright(), '
          <br />Theme by <a href="http://www.dzinerstudio.com">DzinerStudio</a>';

// Show the load time?
if ($context['show_load_time'])
echo '<br />'. $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'];

echo '
</div>
   </div>
</body></html>';
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
global $context, $settings, $options;

echo '<div class="nav" style="font-size: smaller; margin-bottom: 2ex; margin-top: 2ex;">';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo '<b>', $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'], '</b>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo '&nbsp;>&nbsp;';
}

echo '</div>';
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

// Work out where we currently are.
$current_action = 'home';
if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
$current_action = 'admin';
if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm')))
$current_action = $context['current_action'];
if ($context['current_action'] == 'search2')
$current_action = 'search';

if ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';

// Are we using right-to-left orientation?
if ($context['right_to_left'])
{
$first = 'last';
$last = 'first';
}
else
{
$first = 'first';
$last = 'last';
}

// Show the start of the tab section.

echo '
<ul>';

// Show the [home] button.
echo '<li><a href="', $scripturl, '">' , $txt[103] , '</a></li>';

// Show the [help] button.
echo '<li><a href="', $scripturl, '?action=help">' , $txt[119] , '</a></li>';

// How about the [search] button?
if ($context['allow_search'])
echo '<li><a href="', $scripturl, '?action=search">' , $txt[182] , '</a></li>';

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '<li><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></li>';

// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '<li><a href="', $scripturl, '?action=profile">' , $txt[79] , '</a></li>';

// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '<li><a href="', $scripturl, '?action=pm">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a></li>';


// The [calendar]!
if ($context['allow_calendar'])
echo '<li><a href="', $scripturl, '?action=calendar">' , $txt['calendar24'] , '</a></li>';

// the [member] list button
if ($context['allow_memberlist'])
echo '<li><a href="', $scripturl, '?action=mlist">' , $txt[331] , '</a></li>';


// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo '<li><a href="', $scripturl, '?action=login">' , $txt[34] , '</a></li>';


// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo '<li><a href="', $scripturl, '?action=register">' , $txt[97] , '</a></li>';


// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo '<li><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></li>';

echo '</ul>';


}

// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
global $settings, $buttons, $context, $txt, $scripturl;

// Create the buttons...
foreach ($button_strip as $key => $value)
{
if (isset($value['test']) && empty($context[$value['test']]))
{
unset($button_strip[$key]);
continue;
}
elseif (!isset($buttons[$key]) || $force_reset)
$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';

$button_strip[$key] = $buttons[$key];
}

if (empty($button_strip))
return '<td>&nbsp;</td>';

echo '
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'last' : 'first' , '">&nbsp;</td>
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_back">', implode(' &nbsp;|&nbsp; ', $button_strip) , '</td>
<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'first' : 'last' , '">&nbsp;</td>';
}

?>


Thanks very much for your help RunicWarrior!

[Rumbaar]

I think you need to edit this styles, found at the very end of your style.css

Code Select Expand

#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: #1a1a1a url(images/header-bg.png) repeat-x;
}

#logo, #logo a {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 400px;
   height: 100px;
   background: url(images/logo1.png) no-repeat;
}#1a1a1a in particular.

[Kiphaas7]

Since the background image is repeated, I would remove the background image temporarily to see if it is indeed the right one.

If the background image overlays the full height, you might not see the desired change.

Code Select Expand

#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: #1a1a1a url(images/header-bg.png) repeat-x;
}

to:

Code Select Expand

#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: red;
}


If you see a big red area in the header after this you know you got the right one . After that you can set it to whatever you want.

I think you need to edit this styles, found at the very end of your style.css

Code Select Expand

#header {
   position: relative;
   height: 100px;
   overflow: hidden;
   background: #1a1a1a url(images/header-bg.png) repeat-x;
}

#logo, #logo a {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 400px;
   height: 100px;
   background: url(images/logo1.png) no-repeat;
}#1a1a1a in particular.

[kateydrop]

Up and running now thanks