Resizing Forum to Add Menu

naturalwoman · syyskuu 03, 2007, 02:55:26 IP

a lot of the users in my forum have a problem "clicking" from the forum to the articles on the main website, this is confusing to them and a lot of work. >

anywho, i was wondering if i could resize the entire forum to allow for a navagation menu on the left side of the forum or would it be better just to add word links to the forum to get back to the website.

i did a test and tried to add a table, of course, it did not work. what would be the best possible way to get integrate the forum with the main website.

my main site is www.fishlesscycling.com and the forum is www.fishlesscycling.com/forum

motumbo · syyskuu 03, 2007, 07:19:14 IP

Wrapping the entire forum in another table and putting your navigation in a td and the forum itself in another td is about your only option with this tabled-layout configuration.

That's what I did. It works fine.

I never did get a div-based wrapper to work properly. You are stuck using 10-year-old techniques, unfortunately.

It really isn't that hard, but it is a lot more work than it should be. Here is the output from an example I made of the simplemachines site.

Sorry, I could not post the entire HTML since it is just too large. The HTML output is a 72kB file. It would be much less if not for the use of tables. But you should get the idea.

Koodi [Valitse]


<style type="text/css">

body {
padding: 0;
margin: 0;
}

.links a {
color: yellow;
}
</style>

</head>
<body>
<table style="width: 100%;" id="main_table"> <!-- This table wraps the forum and navigation -->
<tr>
<td style="width: 15%;" valign="top"> <!-- This td wraps the navigation -->
<ul class="links" style="list-item-type: none; padding: 0; margin: 100px 0 0 0;">
<li><a href="http://simplemachines.org/">Main</a></li>
<li><a href="http://simplemachines.org/community">Community</a></li>
<li><a href="http://youtube.com/">Tables Are</a></li>
<li><a href="http://youtube.com/">Antiquated</a></li>
<li><a href="http://youtube.com/">Angry CSS Guys</a></li>
<li><a href="http://youtube.com/">Table Haters</a></li>
<li><a href="http://youtube.com/">Please Use CSS!</a></li>
</ul>
</td>
<td style="width: 85%;"> <!-- This td wraps the forum itself -->
<div id="mainframe" style="width: 100%; margin: 0; padding: 0;">
	<div id="header" class="clearfix">
		<ul>
			<li><a href="http://www.simplemachines.org/">Home</a></li>
			<li><a href="http://www.simplemachines.org/community/index.php" class="active">Community</a></li>
			<li><a href="http://www.simplemachines.org/download/">Download</a></li>

<!-- snipped code -->

	</div>
</div>
	<div id="ajax_in_progress" style="display: none;">
		<img src="http://www.simplemachines.org/community/Themes/smsite/images/loading.gif" style="margin-right: 0.6em;" alt="" />Loading...
	</div>
</td> <!-- close forum wrapping td -->
</tr> <!--close wrapping table row -->
</table> <!-- close main_table -->
</body></html>

I commented the changes so you can find them. I tried to change the color of the relevant code and bold it, but it didn't work.

Just take this example and modify your index.template.php in the appropriate places--in the template top and template bottom.

naturalwoman · syyskuu 03, 2007, 08:26:18 IP

thanks do you have an example of your forum, you could send me a PM if you want. thanks. will give this a try.

naturalwoman · syyskuu 05, 2007, 10:37:17 AP

okay i don't know how to do this. i tried and it didn't work. would someone be able to assist me in exactly how. i made a table and copies the code of the forum into it...some things were missing.

if i cant do this, what about just adding word links to the top of the forum instead of the buttons that are there. how would i do this. similar to this forum, with drop down menus.

Simple Machines Community Forum

Uutiset:

Resizing Forum to Add Menu

naturalwoman

motumbo

naturalwoman

naturalwoman