Board index   FAQ   Search  
Register  Login
Board index php forum :: HTML CSS

forms

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: macek, egami, gesf

forms

Postby tranquillo » Sun Jan 12, 2003 5:30 pm

Hi... not a lot of topics here... ;)

I have a question... I've got a page with a lot of forms on, and I'd like to be able to decide the colors of the buttons and forms in a css file so they match the design... how do I do this?

thanks
tranquillo
New php-forum User
New php-forum User
 
Posts: 74
Joined: Sun Nov 24, 2002 6:48 pm
Location: katrineholm

Re: forms

Postby WiZARD » Mon Jan 13, 2003 12:50 am

From My site:
Code: Select all
BODY {
   background-color : Black;
   color : #FDF5E6;
   font-family : Arial, Tahoma, Helvetica, sans-serif;
   }

A:LINK, A:VISITED {
   color : #87CEEB;
   text-decoration : none;
   font-size : 12px;
}

A:HOVER {
   color : #00FA9A;
   text-decoration : none;
   font-size : 12px;
}

.buttonDr {
   background : #3A241D;
   color : #FFF587;
   font-size : 9px;
   border-color : #D57E03 #D57E03 #D57E03 #D57E03;
   border-style : solid;
   border-bottom-width : 1px;
   border-left-width : 1px;
   border-right-width : 1px;
   border-top-width : 1px;
   }
   
input {
   background : #3A241D;
   color : #FFF587;
   font-size : 9px;
   border-color : #D57E03 #D57E03 #D57E03 #D57E03;
   border-style : solid;
   border-bottom-width : 1px;
   border-left-width : 1px;
   border-right-width : 1px;
   border-top-width : 1px;
   }
User avatar
WiZARD
Moderator
Moderator
 
Posts: 1257
Joined: Thu Jun 20, 2002 10:14 pm
Location: Ukraine, Crimea, Simferopol

Postby Joan Garnet » Mon Jan 13, 2003 3:34 am

That's it :)
then just link it from the html <head> tag :
Code: Select all
<link href="my_styles.css" rel="stylesheet" rev="stylesheet" type="text/css">

And call each stile from tags:
Code: Select all
<input type="submit" name="my_submit" value="search!" class="buttonDr">
User avatar
Joan Garnet
Moderator
Moderator
 
Posts: 387
Joined: Sat Aug 03, 2002 2:56 am
Location: Mars


Return to CSS

Who is online

Users browsing this forum: Baidu [Spider] and 1 guest

Sponsored by Sitebuilder Web hosting and Traduzioni Italiano Rumeno and antispam for cPanel.

cron