News:

We have *Free* SMF 2.0 & 2.1 Themes for Download and Support!

Main Menu

Recent Topics

Members
Stats
  • Total Posts: 10,737
  • Total Topics: 1,372
  • Online today: 222
  • Online ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 204
Total: 204

No image Neat CSS back Ground

Started by Maxx, Jan 11, 14, 02:35:00 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Maxx

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>