Skip to:
content
,
navigation
Site navigation
Home
Generator
Help
About
Discuss
Contact
List-u-Like CSS Generator
Create cross-browser list-based navigation bars with ease
Design controls
Navbar orientation
?
horizontal
vertical
Navbar positioning
?
relative
absolute
fixed
left
right
rtl
top
bottom
x:
y:
z:
width (when vertical):
Horizontal strip
?
background:
overflow margins
Link boxes
?
margins (px):
border width (px):
collapse borders (when margin is zero)
left/right padding (px):
top/bottom padding (px):
Fonts
?
size:
weight:
family:
decoration:
align:
Unvisited styles
?
border colors:
border styles:
background:
color:
font style:
additional CSS:
Rollover styles
?
border colors:
border styles:
background:
color:
font style:
additional CSS:
Visited styles
?
border colors:
border styles:
background:
color:
font style:
additional CSS:
Program settings
Input configuration
?
paste generated config:
or select:
Default
Plain
Office XP
MSDN
OSX Pinstripe
Cambridge Blue
Big Red
Getaway
Original Skin
Control panel settings
?
demo image path:
update onchange (not recommended)
javascript validation (recommended)
Color picker
?
swatch:
[none]
VGA
Websafe
(deuteranopic)
(tritanopic)
Reds
Greens
Blues
Purples
Yellows
Cyans
Grays
Orange/Brown
Crimson/Magenta
Aquamarine
color:
Font picker
?
font:
bold
italic;
decoration:
Output settings
?
code image path:
navbar class name:
fonts and colors separately
add whitespace for readability
Output CSS: main styles
?
Output CSS: fonts/colors
?
Output configuration
?