phpbb style rounded

How to make rounded tables

Submitted by CyberAlien, Feb 2007.
Page: 1

Pages: [1] [2] [3] [4] [5]

This tutorial explains how to add rounded header and footer to forum tables. It covers both design and coding parts and shows examples for phpBB and vBulletin forums.

1. Design

First you should design rounded header and footer in Photoshop or any other image editing software.



Get a sample of table with content, remove header from that table:





Then add rounded header.



1. Select rounded rectangle tool (U), change radius to about 5px, draw a rectangle where header will be:



Fill it with white color, rasterize layer (right-click on layer, select “rasterize layer”), remove part at the bottom of layer:


Page: 1

Pages: [1] [2] [3] [4] [5]

Share this tutorial

If you want to show this tutorial to someone else please use following code to link to this tutorial:

HTML Link:
How to make rounded tables” class=”text” onclick=”this.focus(); this.select();”/>
Forum BBCode:

Content of this tutorial may not be published anywhere else without author’s permission. Please link to this page instead.