Layouts 4 Ning and more!
Biker or Not... Backgrounds 101
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.
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: 446
Replies to This Discussion
-
Permalink Reply by BABYDIABOLICAL on
-
your brilliant !bravo!
-
-
Permalink Reply by QueenJackie on
-
can't wait to start making lyts for them,thanks AnGella for the tutorial :)
-
-
-
-
-
-
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???? -
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!
SiteModel
Ning Generator
Skinny Ning
Biker Or Not
Create!
Contribute to SA
Find this site helpful? Please consider a donation!
Random Ning Networks
Birthdays
Birthdays Today
Birthdays Tomorrow
© 2024 Created by AnGella.
Powered by
