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: 443
Replies to This Discussion
-
Permalink Reply by AnGella on
-
The inner Bg should be 800wide by however many tall, so in that case 800x768 for the black inner bg.
-
-
Permalink Reply by BABYDIABOLICAL on
-
yer a nerd lol.
-
-
-
Thanks! I prefer Geek though... Code Geek to be exact.
BABYDIABOLICAL said:yer a nerd lol. -
-
-
LOL
yeah yeah LOL
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 ...:) -
-
-
Had I seen this before seeing Ange's layouts I would've understood LOL. Never heard of that site.
-
-
-
:)
QueenJackie said:LOL
yeah yeah LOL
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 ...:) -
-
-
code geek! i love it!and i love smart girls ...i love em soooo much that i just wanna squeeze em till css and java scripting ooze from their eyes and mouth!
Thank you Ange For being so helpful to everyone .we appreciate you... but we still think your A CODE GEEK!
AnGella said:Thanks! I prefer Geek though... Code Geek to be exact.
BABYDIABOLICAL said:yer a nerd lol. -
-
-
something new for us to try out :)
Diamond said:Had I seen this before seeing Ange's layouts I would've understood LOL. Never heard of that site. -
-
-
ok how do we add the top banner like you have it on your page AnGella?
-
-
-
That will be an upper level course and I just got back from school shopping and need to wash the whites, so I'll get on that in about an hour, sorry to make ya wait, had lots to do and little sleep today, lol I slept from 12:30 til 4...Tired tired. I sent the one code to you @ BON.
QueenJackie said:ok how do we add the top banner like you have it on your page AnGella? -
-
-
no problem AnGella,do what ya need to do i can wait :)
thats what you get for doing a all nighter LOL again haha jk
we better get on a sleeping schedule soon kids going back to school this coming week
AnGella said:That will be an upper level course and I just got back from school shopping and need to wash the whites, so I'll get on that in about an hour, sorry to make ya wait, had lots to do and little sleep today, lol I slept from 12:30 til 4...Tired tired. I sent the one code to you @ BON.
QueenJackie said:ok how do we add the top banner like you have it on your page AnGella? -
-
-
- ‹ Previous
- 1
- 2
- 3
- Next ›
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
