How to make rounded tables

Now we have header images and code, so we can add it to template code. How to do it varies for different forums.

In this tutorial I will show how to do it only for simple tables. For more complex tables I'll create another tutorial.

On this page I'll show how to do it with phpBB 2.0, see next pages for other forum systems.

phpBB

Find code for a table that you want to modify. In this example I'll show how to modify "who's online" section of forum index. This is original code for it:

Text that will work well for header is in first row of that table, so move that code above header and remove everything other than title. Also class="cattitle" should be removed from it because we have different font for header:

Now add first and second part of html code for header before and after table text:

That's all. You've changed header of that table to rounded header, and you should do the same to other tables. If table doesn't have any header use   for title to make empty title.