(and the web sites that give you codes for background layouts)
Most web sites that offer you background layout codes, give you much more than you really need or even want
Most are for web sites like MySpace, and they change your font colors, links, scroll bars, and many other things.
In the codes they give you, often times will include codes that place links and images in places where you really do not want them to be
Oftentimes, you never even notice them on your pages, but they are usually up in the top left-hand or right-hand corners of your page.
they always link back to their web sites and some will even track you, using code that is not needed to actually display your background images
For your backgrounds on your Sing Snap recordings and/or profile
These are the simplest codes I have found so far
For your Recording, place the code in Your Comments box when you save or edit your SingSnap recording.
For your Profile, place the code in the Personal Info box
These codes are ALL you need and the only thing else that you need to do, is include the URL Path to the image you wish to use.
Highlight and Copy the code you want (the code is in RED)
#1 This code will cause your image to be FIXED & to REPEAT
<style> { background-color:transparent; border:none; border-width:0px; } body { background-image:url(Place your URL Path Here); background-repeat:repeat; background-attachment:fixed;</style>
#2 This code will cause your image to be FIXED & to NOT REPEAT
<style> { background-color:transparent; border:none; border-width:0px; } body { background-image:url(Place your URL Path Here); background-repeat:no-repeat; background-attachment:fixed;</style>
#3 This code will cause your image to be FIXED & to NOT REPEAT & also it will be CENTERED
<style> { background-color:transparent; border:none; border-width:0px; } body { background-image:url(Place your URL Path Here); background-repeat:no-repeat; background-attachment:fixed; background-position:center;</style>
If you do not know what a URL Path to an image is
This is what one looks like:
http://www.myspacemaster.net/userpics/backgrounds/animated_47.gif ( Click Here to see the image)
it is the direct path that takes you directly to the image itself
The above image would Look Great used with the #1 code (Repeating = fills up your whole page by repeating the image multiple times)
Code #3 Example
Here is one that will look good if used with the #3 code (fixed with NO-Repeat) & CENTERED
http://www.jesusinme.us/images/Tulsa_bg3.jpg ( Click Here to see the image) ( Click Here to see it used on a recording)
In Example #3, if you go to the recording where it is used, you will also see a Full Moon in the Top Left-Hand Corner
This was done by using this additional code after the background code
<img src="http://www.jesusinme.us/images/th_full_moon_large.jpg" alt="" style="position:fixed; absolute; left:0px; top: 0px;" border="0">
Click Here to see the image itself
Notice the URL Path to the image is indicated in Gray Text
position:fixed;
indicates that the image's position is Fixed
absolute; left:0px; top: 0px;
means that the image will be 0 pixels from the left side of the page, and 0 pixels from the top of the page
You can change top to bottom and/or left to right
You can also change how many pixels you want the image to be from either edge
Look at this recording where I used multiple images all over my page
Purple People Eater
Notice on the Left-Hand side you will see:
This is a good reason to always Right-Click & Save the image to your own computer, and then re-upload it to your own photo album
(Only if you want to make absolutely certain that it is never moved or deleted on you)
Tons of images can be found on many web sites such as Photo Bucket & TinyPic.com
Simply do a search there and find the images that you want to use.
For fixed NON-REPEATING images, you need to find an image that is SUPER LARGE unless you CENTER it by using Code #3
Oftentimes when I find an image that is not as large as I want to use, I will save it to my computer and then open it with Adobe ImageReady
and then I make the canvas size larger and I fill in a 2nd layer with the color I want. This way, I can get the image more to the center of the page
Another Example of Code #3
Code #3 Example
Here is one that will look good if used with the #3 code (fixed with NO-Repeat) & CENTERED
http://www.jesusinme.us/images/JohnnyReb.jpg ( Click Here to see the image) ( Click Here to see it used on a recording)
*********************************************************************
Forcing a particular Color to all of your Comments on Your Recording
Simply add this Font Color Code at the Very Beginning of everything else you did
<font color="#000000">
or if you also want comments to be in BOLD, include <b> as well
<font color="#000000"><b>
Colors consist of 6 digits and can be found on this Color Chart
http://html-color-codes.com/
To Post an Image on a Comment to Any Recording
THIS is the ONLY Code you need
<img src="http://dl7.glitter-graphics.net/pub/968/968787kssgbvmtjs.gif">
To CENTER it, enclose it in THESE
<center> </center>
<center><img src="http://dl7.glitter-graphics.net/pub/968/968787kssgbvmtjs.gif"></center>
For MULTIPLE Images on TOP of One Another, Seperate them with THESE
<br>
<center><img src="http://dl7.glitter-graphics.net/pub/968/968787kssgbvmtjs.gif"><br><img src="http://dl3.glitter-graphics.net/pub/107/107333pxqhv5tk7a.gif"><br><img src="http://dl7.glitter-graphics.net/pub/968/968787kssgbvmtjs.gif"></center>
This is a starter page & I plan to add more good information for you, as time allows
Would you consider making a small donation to BrothrGary?
|
Any questions? Contact BrotherGary on SingSnap
Click Here to send me a Private Message on SingSnap
Lesson Two
Tables & Links on your SingSnap Profile