Plz HElp me with SMF simple mods

[mattspec]

okay there are a few things that i want to do to the main skin, this is my first time ever using SMF so please bear with me. i want to emliminate the W3C, php, MySQL buttons, i would like to make the whole top bar a picture, not the smf pic and text. also i would like to make the top portion the same grey as the bottom

 

[bigguy]

Smf is awesome software, I use it on my site. It shouldnt be to hard to do what you want. Check out my site if you want. To change the banner goto "/smf/Themes/your theme" and replace the "smflogo.gif" with your own.

 

[motogawa]

I don't know If I should actually do this but this might help with removing the powered by logos but You must as I said YOU MUST LEAVE THE COPYRIGHT THERE.

Now what you wish to do is navigate to your SMF Forum directory and then go into

$smf_directory/Themes/default

and edit Index.template.php

Search for this around line 296 It should state this !

// Show the "Powered by" and "Valid" logos, as well as the copyright.  Remember, the copyright must be somewhere!

Once you found that you should see this code.

// Show the "Powered by" and "Valid" logos, as well as the copyright.  Remember, the copyright must be somewhere!
	echo '

	<div id="footerarea" style="text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
		<script language="JavaScript" type="text/javascript"><!--
			function smfFooterHighlight(element, value)
			{
		 	element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
			}
		// --></script>
		<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
			<tr>
				<td width="28%" valign="middle" align="right">
		 		<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="', $settings['images_url'], '/powered-mysql.gif" alt="', $txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
		 		<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="', $settings['images_url'], '/powered-php.gif" alt="', $txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
				</td>
		 	<td valign="middle" align="center" style="white-space: nowrap;">
					', theme_copyright(), '
				</td>
				<td width="28%" valign="middle" align="left">
		 		<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="', $settings['images_url'], '/valid-xhtml10.gif" alt="', $txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
		 		<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" border="0" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
				</td>
			</tr>
		</table>';

and then change that code to this exactly.

	// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
	echo '

	<div id="footerarea" style="text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
		 	<td valign="middle" align="center" style="white-space: nowrap;">
					', theme_copyright(), '
				</td>
			</tr>
		</table>';

This should solve your problem hope it helps.

EDIT : When your talking about top and bottom portion can you please be more specific so we can further help you on that issue.

Thank You.

 

[mattspec]

thnx for the input guys, and also, bigguy i was actually wondering if there was a way to make the whole top into one picture, like take out the "my community" text

also i meant i want to change the background colour of the parts circled in red (whoot im an atrist)
http://img171.imageshack.us/img171/9884/forum9hr.jpg

 

[motogawa]

Oh ok hmmm I'm sure I can help out with this so follow these instructions

For the banner as you want to take out the name of your community where the banner is please do this.

Navigate to

$smf_directory/Themes/default

and edit Index.template.php

Look around line 144 You should see this

// This part is the logo and forum name.  You should be able to change this to whatever you want...

And now time to modify this

// 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'], '/smflogo.gif" width="250" style="float: right;" alt="" />
<span style="font-family: Georgia, sans-serif; font-size: xx-large;">', $context['forum_name'], '</span>';

Thats the original so now change that to this

// This part is the logo and forum name.  You should be able to change this to whatever you want...
echo '
<div align="center"><img src="', $settings['images_url'], '/smflogo.gif" width="250" alt="" /></div>';

That should fix your banner problem as for the background lets start that....

Navigatate to

$smf_directory/Themes/default

and edit style.css

look for

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: white;
	border-bottom: 1px solid gray;
}

and modify

background-color : #COLOR;

Replace COLOR with the Hex code of the color you wish.

and to change the color of the background where the copy right is look around
line 229

/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: black;
	background-color: white;
	border-top: 1px solid gray;
}

and modify

background-color : #COLOR;

Replace COLOR with the Hex code of the color you wish.

Hope this resolves your issue.

 

[mattspec]

whoa, tyvm, this guy sure knows his stuff once again, tyvm, this worked perfectly

 

[bigguy]

Very nice motogawa, great detail.

 

[motogawa]

Thanks lol.