Here is a collection of backgrounds you can use on community sites.
Animal Backgrounds
Christian Backgrounds
Scenery Backgrounds
3/D Backgrounds
Animal Backgrounds
Christian Backgrounds
Scenery Backgrounds
3/D Backgrounds
We have a few backgrounds already set up for our site and will continue to add more as time goes on.
If you feel like changing the code to add a different picture to I will explain it easy for you then you will be
able to make your profile a little more unique.
Here is the code that all the backgrounds are set up on. If you search the net and find a photo 1440 x 900 and save it to your computer and upload it to a photo storage place like photobucket.com That is the one I use. After the photo is uploaded look at the photo and you will see 4 lines of codes under it. Highlight and copy the 2nd code now replace it with the line I have here in the code that has a yellow background. This will change the photo in the code.
Now if you want to change the color of the font go to this website: http://www.colorcombo.com/index.html
Scroll through the colors to find one you think will look good with the picture you choose as a background photo. There will be numbers with each color like this: 204,153,0 Take the color code and replace it in the code that I have with a orange background. If you want to relpace the size in your profile just change the size where I have highlighted in blue to 13, 14, 15 dont go to big or it will look wierd. you can also change the font style by changing the green highlighted section. Hope this helps someone make a unique profile until we get a chance to add more to our site.
If you feel like changing the code to add a different picture to I will explain it easy for you then you will be
able to make your profile a little more unique.
Here is the code that all the backgrounds are set up on. If you search the net and find a photo 1440 x 900 and save it to your computer and upload it to a photo storage place like photobucket.com That is the one I use. After the photo is uploaded look at the photo and you will see 4 lines of codes under it. Highlight and copy the 2nd code now replace it with the line I have here in the code that has a yellow background. This will change the photo in the code.
Now if you want to change the color of the font go to this website: http://www.colorcombo.com/index.html
Scroll through the colors to find one you think will look good with the picture you choose as a background photo. There will be numbers with each color like this: 204,153,0 Take the color code and replace it in the code that I have with a orange background. If you want to relpace the size in your profile just change the size where I have highlighted in blue to 13, 14, 15 dont go to big or it will look wierd. you can also change the font style by changing the green highlighted section. Hope this helps someone make a unique profile until we get a chance to add more to our site.
<p>
<style type="text/css">
body {
background-color: rgb(11, 115, 195);
background-image: url(http://i261.photobucket.com/albums/ii42/gpneese/ewall.jpg);
background-position: Center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border: 0px;
}
table table table {
border-width: 0px;
border-color: rgb(102, 102, 102);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: rgb(255, 255, 255);
filter:alpha(84);
-moz-opacity: 0.84;
opacity: 0.84;
-khtml-opacity: 0.84;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: 12px;
color: rgb(102, 153, 204);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Arial;
font-size: 18px;
color: rgb(0, 93, 168);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Arial;
font-size: 12px;
color: rgb(0, 0, 0);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(0, 61, 153);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(0, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
</p>
<div style="left:10; top: 8; position: absolute"><a onclick="window.open('http://www.a2zs.net','','location=yes,scrollbars=yes,menubar=yes,resizable=yes,toolbar=yes,status=yes,dependent=yes');return false;" href="http://www.a2zs.net"><img src="http://i261.photobucket.com/albums/ii42/gpneese/a2zsnet.jpg" alt="A2ZS.net Graphics" width="110" height="43" /></a></div>
<p> </p>
<style type="text/css">
body {
background-color: rgb(11, 115, 195);
background-image: url(http://i261.photobucket.com/albums/ii42/gpneese/ewall.jpg);
background-position: Center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border: 0px;
}
table table table {
border-width: 0px;
border-color: rgb(102, 102, 102);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: rgb(255, 255, 255);
filter:alpha(84);
-moz-opacity: 0.84;
opacity: 0.84;
-khtml-opacity: 0.84;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: 12px;
color: rgb(102, 153, 204);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Arial;
font-size: 18px;
color: rgb(0, 93, 168);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Arial;
font-size: 12px;
color: rgb(0, 0, 0);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(0, 61, 153);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(0, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
</p>
<div style="left:10; top: 8; position: absolute"><a onclick="window.open('http://www.a2zs.net','','location=yes,scrollbars=yes,menubar=yes,resizable=yes,toolbar=yes,status=yes,dependent=yes');return false;" href="http://www.a2zs.net"><img src="http://i261.photobucket.com/albums/ii42/gpneese/a2zsnet.jpg" alt="A2ZS.net Graphics" width="110" height="43" /></a></div>
<p> </p>