This website can use cookies to improve the user experience

This website can use cookies to improve the user experience and to provide certain services and functions to users. Cookies contain small amounts of information (such as login information and user preferences) and will be stored on your device.

Enable All Cookies Privacy Policy

Basic 3 column layout


avatar
kdobson99 0
From: -
Basic 3 column layout

What is the simplest way to make all pages have three columns, with the middle one containing the news. Essentially, I want a right column for stuff such as advertisements, pictures, announcements etc. It doesn't have to be very wide.

Also, where do I modify the overall width of the page? Meaning, I want to stretch the page a little more to not use up so much of the center column when I add the right column.

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.

Responses to this topic


1 Re: Basic 3 column layout
avatar
0
From: -
Basic 3 column layout

Thanx Dear... its work actually Smiling Face
1 Re: Basic 3 column layout
avatar
Administrator
1340
From: Vienna, Austria
Basic 3 column layout

No, unfortunately the links part is identically. However, expect some major changes in the upcoming version 2
1 Re: Basic 3 column layout
avatar
OP 0
From: -
Basic 3 column layout

Ok.. going to buy the full version. Was going to anyway, but was just wanting to play with it a little more first to be sure it was the right one. Think it is. Just wish the "Links" part of the program was more of a directory with sub categories. Maybe there is a suprise regarding that in the full version. Thanks. I'm sure there will be many more questions to follow.
1 Re: Basic 3 column layout
avatar
Administrator
1340
From: Vienna, Austria
Basic 3 column layout

What is the simplest way to make all pages have three columns, with the middle one containing the news. Essentially, I want a right column for stuff such as advertisements, pictures, announcements etc. It doesn't have to be very wide.

Well, the simplest way is buying the full version, after this is a feature of Instant Styles in version 1.8 Winking Face

To add a right column in the freeware version, open site_header in the template editor and replace:

<td valign="top" width="85%">

with:

<td valign="top" width="80%">

Then open site_footer and add right after <!-- Template site_footer --> the following code:

          <td>  </td>

<td valign="top" width="160" bgcolor="#0066ff">
<table cellspacing="0" cellpadding="0" width="160" bgcolor="#000000" border="0">
<tr>
<td>
<table cellspacing="1" cellpadding="3" width="100%" border="0">
<tr>
<td bgcolor="#008000">
<font face="Arial" color="#ffffff" size="2"><b>Example Block</b></font></td>
</tr>
<tr>
<td bgcolor="#ffffff"><font size="2">
This is an example block on the right side </font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>

Also, where do I modify the overall width of the page? Meaning, I want to stretch the page a little more to not use up so much of the center column when I add the right column.

You are looking for the following line in site_header:

<table cellspacing="0" cellpadding="3" width="90%" align="center" bgcolor="#33ccff" border="0">

Changing the 90% to a higher value should do the trick

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.