TBD

TBD on Ning

The Skin Code Example thread uses code for a full size background:

body {
  background: #00011F url(DIRECT_LINK_TO_BACKGROUND_IMAGE) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

But, if you are going to use a small image that will repeat, you need to change no-repeat to repeat and leave off the bottom part, like so:

body {
  background: #00011F url(DIRECT_LINK_TO_BACKGROUND_IMAGE) repeat center center fixed;
}

You should change to color code to match your image. That way, if you have a light-colored text on a dark background, the text will still show up if the image doesn't appear for whatever reason.

When you use a small image for a background that will repeat, you want to be sure it is a "seamless"background tile. That means you cannot see where the tiles meet. There are many sites which have free seamless background tiles that you can download and use. You'll have to upload them to your own image storing site and get the direct code before you can use one as a profile backgroun, but you don't have to create your own image.

Here are a few sites where you can find background tiles:
Background Labs http://backgroundlabs.com/  Free Backgrounds and Patterns
Din Patterns http://www.dinpattern.com/  Also has some tutorials about creating your own graphics.  
Graphics Fuel  https://www.graphicsfuel.com/2018/08/60-free-seamless-patterns/ 60 Free Seamless Patterns for Personal and Commercial Use
Graphic Mama: https://graphicmama.com/blog/free-pattern-designs/ 150+ Free Pattern Designs: Seamless & Fully Editable
Pattern Cooler: https://www.patterncooler.com/ You can choose a background and then edit it to suit your taste, then download it.
Speckyboy https://speckyboy.com/free-seamless-patterns/ 50 Free Seamless & Tileable Pattern Sets
Subtle Patterns: https://www.toptal.com/designers/subtlepatterns/ You can click to preview the background.

If you know of some good sites to get free graphics, feel free to share a link.

Have Fun!

Views: 16

Replies to This Discussion

well...9 times out of 10, I get a message "we're having problems with this page..."

I tried the whole page code yesterday; gave up & now just doing the BKG , tiling codes.  

RSS

Badge

Loading…

© 2025   Created by Aggie.   Powered by

Badges  |  Report an Issue  |  Terms of Service