CSS Editor script

I am working on a hobbyproject right now that has has 4 separate .css files.
I have set it up so that I can edit the .css files directly online via my site through an online text editor and save the changes.

Now I would like to know if there are any editors out there that I could incorporate in my site to allow me to edit the css parameters (font family, size, color etc) via text field/drop down menus instead.

Example:

Right now I can edit the css code for the sites menu in a text editor that I can access my sites back-end.

#menu td{
background-color:#FF00FF;
font-family: “Tahoma”, verdana, helvetica, arial, sans-serif;
color: #FF00FF;
font-weight: italic;
text-align: left;
border-left: 4px solid #00FF00;
border-bottom: 1px solid #00FF00;
border-top: 3px solid #00FF00;
border-right: 1px solid #00FF00;
}

#text box{
background-color:#FF0000;
font-family: “Arial”, verdana, helvetica, arial, sans-serif;
color: #FF00FF;
font-weight: bold;
text-align: left;
border-left: 1px solid #F0FF00;
border-bottom: 1px solid #00FF00;
border-top: 1px solid #00FF00;
border-right: 1px solid #F0FF00;
}

Are there any html/php/java editor out there that could make it easier for me to edit my css parameters so that I can pick the font family, size for #menu td via a drop down menu and chose the font color for #text box via a color map/picker for example? Or is the only “site editor” for my sites css the one I am using right now (i.e. text editor) ?

I’d say implement it your self as if you use somebody elses application then you are restricted by what you can do.

Find the link below that may help with the tricky bit other then that i’m sure the rest should be a breeze:

http://jscolor.com/

and this link will let a popup appear on typing a certain word (such as text-size or font-family)

Sponsor our Newsletter | Privacy Policy | Terms of Service