Modifying A Theme

[mixx941]

Hi everyone. Trying to modify the "7dana_smf" theme to fit my site a bit. Here is a screenshot of how it is now. I'd like that white box on the right to be removed, and just have it show that big banner.

Screenshot Here

Right now, having that image (currently at 800x80) stretches the forum overall width because that box is there. If I can get rid of that box and JUST have that 800x80 logo image, then things will be all good.

What I've done so far is taken out the background color from styles.css to make it white, but I can't seem to figure out how to get rid of it.

Here is that section from the index.template.php

Code Select Expand


// 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 '
<table cellspacing="0" cellpadding="0" border="0" align="center" width="800" class="okvir">
<tr>
<td valign="top">';

// The logo and the three info boxes.
echo '
<table cellspacing="0" cellpadding="5" border="0" align="center" width="800" style="position: relative;">
<tr>
<td class="logo" valign="bottom" align="left" style="padding: 0px; white-space: nowrap;">';

// This part is the logo and forum name.  You should be able to change this to whatever you want...
echo '
<img src="', $settings['images_url'], '/tntpowerhost_forums2.jpg" style="float: left;" alt="" />
</td>';
// echo '
// <td class="logo" valign="bottom" align="right" style="padding: 5px; white-space: nowrap;">
// <span class="welcome">', $context['forum_name'], '</span>';

echo '

</tr>
<tr>
<td colspan="2" valign="top" style="padding: 0px; white-space: nowrap;">';

echo '
<table cellspacing="0" cellpadding="0" border="0"  width="100%">
<tr>
<td class="navigation">

<a href="#" onclick="shrinkHeader(!current_header); return false;"><img id="upshrink" src="', $settings['images_url'], '/', empty($options['collapse_header']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 2px 0;" border="0" /></a><img id="upshrinkTemp" src="', $settings['images_url'], '/blank.gif" alt="" style="margin-right: 2ex;" />';


Must be something simple, but design/coding really isn't my thing yet .

Thanks in advance for any help.

-Mark

[[Unknown]]

Try:

<td class="logo" valign="bottom" align="left" style="padding: 0px; white-space: nowrap;" colspan="2">

Sorry for the late response.

-[Unknown]

[ArkServer]

does anyone know how to stretch this theme to fit the screen? (b/c of pics)

ty

http://arkserver.servehttp.com current template needs to fit screen

[[Unknown]]

Remove from index.template.php:

width="800"

Looks pretty intentional to me?

-[Unknown]