Tips
Mail
Tools
GuestBook
Link Exchange
Home Page
CLASS MAKER V3
This form will create a class which can be added to your CSS template
It can be used to style almost any html tag or link
SOME STYLES MAY NOT WORK ON YOUR BROWSER
CLASS NAME
Class names start with . (dot) i.e " .box "
if you wish to apply the class to a html tag name the tag without a . (dot) i.e " body "
to style links use pseudo classes (seperated with : (colon) ) i.e
a:link normal link
a:visited visited link
a:hover mouse over
a:active active link
pseudo elements are
(block level elements like div only)
:first-letter styles the first letter of text (used on this text)
:first-line styles the first line (styles may be limited)
multiple names are seperated by a , (comma)
For more information see
w3schools css tutorial
FONT FAMILY
This will have no effect on most mobiles and is included for P.C compatibly
Margin and padding can be defined in px % or em values
Margins can have negative values
Margins are outside the border padding is inside
MARGIN
T
L
R
B
PADDING
T
L
R
B
All colors can be defined in hex (#) rgb(nnn,nnn,nnn) or color names
position can be in px % em or top center bottom left right
opacity sets how transparent the background is 1=high 9=low
MAY NOT WORK WITH IMAGE BACKGROUND ON OPERAMINI
BACKGROUND
COLOR
IMAGE
REPEAT
repeat
no repeat
repeat x
repeat y
ATTACHMENT
scroll
fixed
POSITION
X
Y
OPACITY
off
1
2
3
4
5
6
7
8
9
You can define a value for each side of the border
one value for all sides
two values for top and bottom left and right
four values for top right bottom and left
seperate multiple color and width values with a space
BORDER
WIDTH
STYLE
all (1 value) or top /bottom (2 values) or top (4 values)
solid
double
inset
outset
ridge
groove
dashed
dotted
none
hidden
right/left (2 values) right (4 values)
-
solid
double
inset
outset
ridge
groove
dashed
dotted
none
hidden
bottom (4 values)
-
solid
double
inset
outset
ridge
groove
dashed
dotted
none
hidden
left (4 values)
-
solid
double
inset
outset
ridge
groove
dashed
dotted
none
hidden
COLOR
Border collapse is used to join borders together when styling tables
BORDER COLLAPSE
Size is in px pt em % or xx-small x-small small medium large x-large xx-large
Weight is 100 to 900 or lighter normal bold or bolder
FONT AND TEXT
COLOR
SIZE
WEIGHT
ALIGN
center
left
right
justify
STYLE
normal
italic
oblique
TRANSFORM
normal
uppercase
lowercase
capitalize
DECORATION
none
underline
overline
line through
blink
Random Partner
BACK
©2009 - 2025Theoldman
JOIN XTBOARD
THE MOBILE WORLD IS
Log in