Rounded corners

[iphoto]

Hi,

A quick question, would like to know which files, do I need to alter for adding rounded corner table barders for all PP tables.

cheers...

[b6gm6n]

Do achieve this effect edit the ppopen & ppclose templates, an example of the output is attached.

All i did was design a rounded box in photoshop, cut & edit my box in image-ready, exported that as html then use dreamwaver to work with the ppopen & ppclose templates to show my rounded box.

If you need more advice, lemme know.

-T

[iphoto]

Hey tony, thanks a lot for information. My rounded corners should be ready in a day or two. but I am not a programmer by profession . May be if you can share ppopen and ppclose template or send it by PM or so that would be really helpful

let me know if its possible

cheers

[Chuck S]

Here is an example of how I do mine on reeftalk.com the image calls are css classes

PPOPEN

<?php

$ppopen = <<<PPPRINT

<table width="{$Globals['tablewidth']}" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tlc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td align="left" class="topleft">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="70" height="10" alt="" /></td>
<td width="100%" class="top">
</td>
<td align="right" class="topright">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td class="trc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
<tr>
<td class="left">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td width="100%" colspan="3">
<table width="100%" align="center" cellpadding="0" cellspacing="0" class="tablesurround">
<tr>
<td>
<table cellpadding="2" cellspacing="1" width="100%" class="tableborders">


PPPRINT;

$ppopenside = <<<PPPRINT

<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tlc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td align="left" class="topleft">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="70" height="10" alt="" /></td>
<td width="100%" class="top">
</td>
<td align="right" class="topright">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td class="trc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
<tr>
<td class="left">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td width="100%" colspan="3">
<table width="100%" align="center" cellpadding="0" cellspacing="0" class="tablesurround">
<tr>
<td>
<table cellpadding="2" cellspacing="1" width="100%" class="tableborders">


PPPRINT;

?>

PPCLOSE

<?php

$ppclose = <<<PPPRINT

</table>
</td>
</tr>
</table>
</td>
<td class="right">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
<tr>
<td class="blc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td align="left" class="botleft">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td width="100%" class="bottom">
</td>
<td align="right" class="botright">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td class="brc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
</table>

PPPRINT;

$ppcloseside = <<<PPPRINT

</table>
</td>
</tr>
</table>
</td>
<td class="right">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
<tr>
<td class="blc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td align="left" class="botleft">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td width="100%" class="bottom">
</td>
<td align="right" class="botright">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
<td class="brc">
<img border="0" src="http://www.reeftalk.com/ubbthreads/stylesheets/images/spacer.gif" width="10" height="10" alt="" /></td>
</tr>
</table>

PPPRINT;

?>

THEN JUST MAKE STYLE CLASSES IN YOUR STYLESHEET WITH BACKGROUND-URL tags

[b6gm6n]

here's my ppopen template for an example
Images are taken from my vbulletin skin directory which use the same rounded corners, if you still want PM me and i'll show you how i did mine or write a quick tutorial for it.

-T

Content visible to verified customers only.