FORMfields, the premiere web framework
Login
Support Home | Knowledge Base | Documentation | Forums | Contact Us
Info
FORMfields & FORMgen :: Formatting

CSS Template Without Images - Easy to Customize to Website's Color Scheme

(2567 views. Last Updated: 2007-08-27 6:38 PM)

Here is an example of a CSS template that doesn't contain any images and is therefore easy to customize to your website's color scheme. The template can be downloaded at http://www.formfields.com/knowledgeBase/noImages.css. See http://www.formfields.com/support/viewPosting.php?pi=71 for details on how to install this template.

In summary this template adds to the basic.css template by clearing the images used in the dialog messages. Here is the extra CSS that is added:
/* Set the background color of the info box */
td.ffInfoBoxMiddle { 
    background-color: #295A9E;
    color: inherit;
}

/* Set the background color of the warning box */
td.ffWarningBoxMiddle { 
    background-color: #DBDB07;
    color: inherit;
}

/* Set the background color of the error box */
td.ffErrorBoxMiddle { 
    background-color: #930202;
    color: inherit;
}

/* Set the background color of the question box */
td.ffQuestionBoxMiddle { 
    background-color: #33C533;
    color: inherit;
}

/* Remove padding in the message box to better align the message text */
td.ffInfoBoxMiddle, td.ffWarningBoxMiddle, td.ffErrorBoxMiddle, td.ffQuestionBoxMiddle { 
    background-image: none;
    padding: 0px;
}

/* Clear the message box image. */
img.ffMessageHelperError, img.ffMessageHelperQuestion  {
    background-image: none;
    width: 0px;
}

/* Set the width of the message box image column to 0 so the text is aligned left. */
td.ffMessageHelperLeft {
    width: 0px;
}
Info
Support | Earn Money
Copyright © 2005-2019 Brain Book Software LLC.
Built with FORMfields, the premiere web framework.