Sign up JA Newsletters

We respected your privacy . We don't send ads. We send important update about Joomla and JA
Joomla Templates arrow Tutorials arrow How to make rounded module like Mamboserver.com (Part 1)
How to make rounded module like Mamboserver.com (Part 1) Print E-mail
Wednesday, 01 June 2005
Article Index
How to make rounded module like Mamboserver.com (Part 1)
Step 1 to 5
Step 5 to 10
Step 11 to 16
Download PSD files

Mamboserver rounded modules
Mamboserver rounded modules
I am going to guide you step by step in making a rounded corner style templates for Mambo 4.5.2.x (and over)
This tutorial consists of 2 parts:
1. Part 1. Images preparation: making the rounded conner. (You are reading this...) and
2. Part 2 Putting corners into Mambo

Inspiration:

As the day when Mambo 4.5.2.x was released with extra
tags which provide more flexibility in templating for Mambo, I am very much inspired by the rounded conner styles of Mambo. This is also a trendy of web interfaces nowadays.

Mambo sites using rounde features of Mambo 4.5.2.x and over
Mambo sites using rounded features of Mambo 4.5.2.x and over

Part 1: Images preparation

The following Photoshop technique employed in this tutorial will create much more elegant looking curves than many other techniques which are currently used on the world wide web. Take a look at the below screenshots, which shows the comparison of Mamboserver images and the new images with the new technique:


The four-four banner of Mamboserver
The four-four banner of Mamboserver

The new four-four banner after using the technique in this tutorial
The new four-four banner

How to create the smooth curves images for your boxed style modules ?



Last Updated ( Sunday, 11 March 2007 )
 
Next >