TheCripZone SMF Themes Site

All Things Public => CSS and CSS3 => Topic started by: Maxx on Jan 11, 14, 02:35:00 PM

Title: No image Neat CSS back Ground
Post 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>