Flowery Text
8 Nov 2008



Create your own css flowery text with this easy to css file. Just change the text as you wish in the following html.

Use the following code in the body of your file(swap [ with < and ] with > in the code).

[div id="text"]
Design Maze
[/div]
[div id="flower"]
[/div]

And here is the css file you need:

/* This CSS file created by Anahita RainStar from http://wwww.designmaze.co.uk is copyleft.
Just use it as you wish. Enjoy */

#text {
font-size: 120px;
color: #660033;
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
letter-spacing: -10px;
}
#flower {
color: #003300;
overflow: hidden;
background-image: url(../images/flower_txt.png);
margin-top: -130px;
background-repeat: repeat;
height: 100px;
background-position: center bottom;
display: block;
}

To see it in action click on the following link:

http://www.designmaze.co.uk/flower.php

Please download the png file flower.png Just right here click and select Save Link As, and save as flower_txt.png.