Skemaholics Anonymous

Layouts 4 Ning and more!

This was such a hot topic over there I decided to help out and wrote a code for the entire profile page. We are going to start slow though since it can be as simple or as complicated as you want to get.

The simplest way to make a background (bg) is using a photo editing program, I use PSP.

Start with a new image 1440px X 900px. This is your average screen resolution. I'll post a link later to an explanation on hosting these images and grabbing their URL (location/address on the web) Right now let's just get the Bg made.

So now you have your blank 1440 x 900 image. You can fill it with any color/pattern/gradient you want.

Now lets create another new image 800px X 900px. you can also fill this with the color or gradient of your choice but I would keep it simple enough so people can read your profile information without getting a migraine.

Now that you have this, click on the edit button and choose copy.

Go back to your 1440x900 image and click on it. Now click on edit again, but this time choose paste as new layer. It should slap that baby right in the center so you have something that looks like this:



Now you are ready to host the image and get it's location.

For instructions on how to do this please Click Here!

Ok, got the location?

Here is the code:
<*style>body{background-color: #000000 !important; background-image: url("PUT IMAGE DIRECT LINK HERE");background-attachment: fixed; background-repeat: repeat;background-position: center center; color: #ffffff}<*/style>

All you have to do now is remove the *s from in the <*brackets*>. I have to put them in there so the brackets show up.

The part that says color: is going to color your text. #ffffff is white.

Want a different color code? Click Here to learn how to use a color pick tool.

Views: 443

Replies to This Discussion

your brilliant !bravo!
can't wait to start making lyts for them,thanks AnGella for the tutorial :)
You're welcome ladies!


oops this is the correct size:)
right?
Jackie could you cover your ears for a sec...
all covered ?good
ANGE YOU RULE!
what Jackie ....no no!
No one but you rules ..
we were just talking about how pretty you are ...:)
Ok, the one on your page is smaller, but the other one is the right size yes.

LOOKS AWESOME!
Ok, the inside black portion may be too big on the second one... I am guessing you resized the first one and it stretched the inner bg.

AnGella said:
Ok, the one on your page is smaller, but the other one is the right size yes.

LOOKS AWESOME!
LOL, ur too sweet.
:P

BABYDIABOLICAL said:
Jackie could you cover your ears for a sec...
all covered ?good
ANGE YOU RULE!
what Jackie ....no no!
No one but you rules ..
we were just talking about how pretty you are ...:)
if i use 1027 x 768
what would the second one's size be????
Is this a trick question?

BABYDIABOLICAL said:
if i use 1027 x 768
what would the second one's size be????

RSS

Search


Translate!


Discussion Forum

Biker or Not 3.0 Generator

Started by AnGella Oct 2, 2011.

Borders

Started by AnGella Sep 12, 2011.

Changing the Link Colors/Fonts

Started by AnGella Sep 12, 2011.

Where do I put the code?

Started by AnGella Sep 12, 2011.

Biker or Not... Backgrounds 101 27 Replies

Started by AnGella. Last reply by Moppy Feb 21, 2010.


Generators!

Click the buttons below to make your own layouts!

SiteModel


Ning Generator


Skinny Ning


Biker Or Not


Test Your Ning Code Here!


Create!



Contribute to SA


Find this site helpful? Please consider a donation!



Random Ning Networks

© 2024   Created by AnGella.   Powered by

Badges  |  Report an Issue  |  Terms of Service