TheCripZone SMF Themes Site
All Things Public => CSS and CSS3 => Topic started by: Maxx on Jan 11, 14, 02:35:00 PM
This is a very neat gradient Background - hope you like and please let me know, if you want more? as time permits.
In you index.css file you will find the tag "body" - it will look like this at the top, so just add the code to the very top of the body tag right after the body {
Note: you will need to replace what ever background image information that is there at present:
example:
background: (urL of current image image ) color: #whatever no-repeat;
<1-- this complete line -->
add this:
Screen shot below feel free to use these colors I picked or play around width your own shades! ( important)
background: #6D8088;
background: -webkit-linear-gradient(top, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
background: -moz-linear-gradient(top, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
background: -o-linear-gradient(top, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
background: -ms-linear-gradient(top, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
-svg-background: linear-gradient(top, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
background-size: 100% 298px, auto !important;
background: linear-gradient(to bottom, #8E9EA4 0, #71868E 83px, #364044 298px) no-repeat, #6D8088;
background-attachment: fixed, scroll !important;
remember between the body { and } don't over right the other code there fonts and other stuff!
Screens>