* *

Recent Topics

  • Total Posts: 10281
  • Total Topics: 1309
  • Online Today: 41
  • Online Ever: 307
  • (Dec 05, 17, 08:42:06 PM)
Users Online
Users: 0
Guests: 40
Total: 40

CZ Themes


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

Author Topic: No image Neat CSS back Ground  (Read 1361 times)

0 Members and 1 Guest are viewing this topic.


  • Guest
No image Neat CSS back Ground
« 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
Code: [Select]
body {Note: you will need to replace what ever background image information that is there at present:
Code: [Select]
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)

Code: [Select]
   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!