Shadow image on side of template

[redeye]

I'm trying to achieve the same effect with my new directory that is used on the forum template. It's nearly there apart from the shadow image at the sides.
Any ideas how to do this?

Secondly, how do I use smarty tags in the top menu so that they match the forum menu?

Directory:
http://www.yarm-online.net/directory/

Forum:
http://www.yarm-online.net/forum/index.php

Pro 1.2 & SkyDancer tpl

[WTM]

You need to create 3 column table something like this:

<table>
<tr>
<td class="left-shadow" width="50%"></td>
<td class="main" width="740px">(here goes the existing code for your template</td>
<td class="right-shadow" width="50%"></td>
</tr>
</table>

For "left-shadow" and "right-shadow" you set background-image same as in the forum.

I don't exactly understand question about the menu...

[sdawkins]

I can never get the $menu to work the way I want so I usually end up hard coding it.
<a href="http://www.domain.com/">Home</a>
<a href="http://www.domain.com/search.php">Search</a>
<a href="{$config.base}{$config.dir}suggest-category.php?id={$category.id}">Suggest a category</a>
<a href="{$config.base}{$config.dir}suggest-link.php?id={$category.id}"> Suggest Site</a>

[redeye]

You need to create 3 column table something like this:

<table>
<tr>
<td class="left-shadow" width="50%"></td>
<td class="main" width="740px">(here goes the existing code for your template</td>
<td class="right-shadow" width="50%"></td>
</tr>
</table>

For "left-shadow" and "right-shadow" you set background-image same as in the forum.

I don't exactly understand question about the menu...


Got it working on the left hand side ........ but not on the right :cry:

!! Sorted: error in syntax in css :dance2:

Just the menu to sort!

[WTM]

Looks like you forgot to close one column - shadow border is not all the way down...

Try to open your footer.tpl

Find this code all the way in the end:<td width="10" nowrap="nowrap" class="righttd"></td>
</tr>
</table>
</body>
</html>
and change it to:</td>
<td width="10" nowrap="nowrap" class="righttd"></td>
</tr>
</table>
</body>
</html>

The menu...

If you are talking about the text color and underline - try to add this to your css file.mainmenu a, .mainmenu a:active, .mainmenu a:visited
{
text-decoration: none;
color : #445588;
}
.mainmenu a:hover
{
text-decoration: none;
color : #224466;
}
Let me know if it's working

[redeye]

WTM - you are the MAN :1st:

Many thanks.