just thought i'd give you a link to the forum i just set up, it's very young (replace young with empty!) and is implemented in a burgundy sorta theme.
notably though (looking at everyone else's implementations) i've edited the style sheet header to point to my site wide style sheet.
by doing this i can apply style sheet attributes to the form elements, horizontal rules, fonts, etc all at the same time that i change my own site.
true, change one file and the whole world changes too!
you can define the following basic elements in style sheets that relate to forms:
INPUT
SELECT
TEXTAREA
which can go quite a way to pretty things up without having to change your templates much.
but for total control, of everything (radio options, submit buttons, etc) consider these styles that i've used....
then by using
within the input tags for submit and reset buttons, you can apply perfect styling to EVERY aspect and form element that you have.
these tricks can take a site a long way to looking very very stylish. they are simple but can make a powerful impact with even the most basic colour scheme.
just remember that you'll have to go through your templates to make sure all radio buttons, checkboxes (for which i still use the radio style) and buttons have the additional
attribute in their tags.
oh, and that link to my forum...
http://www.buro9.com/forum/
and the for the site from which the styles are more widely implemented
http://www.jeepster.co.uk/
cheers
david
notably though (looking at everyone else's implementations) i've edited the style sheet header to point to my site wide style sheet.
by doing this i can apply style sheet attributes to the form elements, horizontal rules, fonts, etc all at the same time that i change my own site.
true, change one file and the whole world changes too!
you can define the following basic elements in style sheets that relate to forms:
INPUT
SELECT
TEXTAREA
which can go quite a way to pretty things up without having to change your templates much.
but for total control, of everything (radio options, submit buttons, etc) consider these styles that i've used....
Code:
INPUT { BACKGROUND-COLOR : Maroon; BORDER-BOTTOM : #FFFFFF 1px solid; BORDER-LEFT : #FFFFFF 1px solid; BORDER-RIGHT : #FFFFFF 1px solid; BORDER-TOP : #FFFFFF 1px solid; COLOR : White; FONT-FAMILY : geneva, arial, helvetica, lucida-sans, sans-serif; FONT-SIZE : 12px; font-weight : normal; } SELECT { BACKGROUND-COLOR : Maroon; BORDER-BOTTOM : #FFFFFF 1px solid; BORDER-LEFT : #FFFFFF 1px solid; BORDER-RIGHT : #FFFFFF 1px solid; BORDER-TOP : #FFFFFF 1px solid; COLOR : White; FONT-FAMILY : geneva, arial, helvetica, lucida-sans, sans-serif; font-size : 12px; font-weight : normal; } TEXTAREA { BACKGROUND-COLOR : Maroon; BORDER-BOTTOM : #FFFFFF 1px solid; BORDER-LEFT : #FFFFFF 1px solid; BORDER-RIGHT : #FFFFFF 1px solid; BORDER-TOP : #FFFFFF 1px solid; COLOR : White; font-family : geneva, arial, helvetica, lucida-sans, sans-serif; font-size : 12px; font-weight : normal; } INPUT.Button { BACKGROUND-COLOR : #330000; BORDER-BOTTOM : #FFFFFF 1px outset; BORDER-LEFT : #FFFFFF 1px outset; BORDER-RIGHT : #FFFFFF 1px outset; BORDER-TOP : #FFFFFF 1px outset; COLOR : White; font-weight : bold; font-family : geneva, arial, helvetica, lucida-sans, sans-serif; font-size : 12px; } INPUT.Radio { BACKGROUND-COLOR : #990000; BORDER-BOTTOM : #990000 1px outset; BORDER-LEFT : #990000 1px outset; BORDER-RIGHT : #990000 1px outset; BORDER-TOP : #990000 1px outset; COLOR : White; font-weight : bold; font-family : geneva, arial, helvetica, lucida-sans, sans-serif; font-size : 12px; }
Code:
class="Button"
these tricks can take a site a long way to looking very very stylish. they are simple but can make a powerful impact with even the most basic colour scheme.
just remember that you'll have to go through your templates to make sure all radio buttons, checkboxes (for which i still use the radio style) and buttons have the additional
Code:
class
oh, and that link to my forum...
http://www.buro9.com/forum/
and the for the site from which the styles are more widely implemented
http://www.jeepster.co.uk/
cheers
david
Comment