CSS tutorial : WIT advanced, rounded corners

Previous page
4.2. CSS tutorial : WIT basics

1 2 3 4

Version 5.20 Version 5.10 Versions 5.0, 5.01 Versions 4.20, 4.21 Version 4.10 Version 4.0 Version 3.2

WIT main features WIT philosophy WIT usage principles How to begin with WIT ?

Registered version Disclaimer of warranty Evaluation and licensing Personal, professional, and freeware licenses Registration benefits

A quick tour to create a Web site CSS tutorial : WIT basics CSS tutorial : WIT advanced, rounded corners WIT samples

Installation User interface Help WIT Documents Ideas Import / Export Keywords Tasks Publications Structure templates Style templates Web sites Options

Style classes Syntax of rules Values Properties

General Documents and web sites Text editing and images Structures and styles Sound Default WIT resources Site building Advanced features Known problems

Tree :

Faceted index, by topics :

"Normal" view (10)
(Main tree view) (1)
Display (4)
Edit (8)
File (45)
Help (7)
Ideas (52)
Import/Export (11)
Keywords (6)
Publications (19)
Tasks (1)
Templates (72)
Windows (1)

Feature

Not in freeware edition (105)
Professional ed. only (33)

Category

V5 (45)
V5.01 (21)
V5.10 (15)
V5.20 (26)

How to insert these widgets?

WIT Manual

4. Tutorials

4.3. CSS tutorial : WIT advanced, rounded corners

Welcome in this WIT advanced tutorial on CSS styles.

You'll learn here how to round all those rectangular boxes.

This is done using the excellent Nifty Corners Cube (Javascript), written by Alessandro Fulciniti.

This tutorial starts where the previous one (CSS-tutorial.wit) ended, but all the work is already done : you just have to follow the explanations, then you'll be able to do your own designs.

This tutorial is located in :

My Documents\My Web Idea Tree\Projects\CSS-Tutorials,

and is named :

CSS-tutorial-2.wit

Just open the file with WIT and follow the instructions.

Tutorial 3 : WIT CSS Advanced