https://opentutorial.com/api.php?action=feedcontributions&user=Taylor+collins&feedformat=atom
OpenTutorial - User contributions [en]
2024-03-28T23:56:40Z
User contributions
MediaWiki 1.32.0
https://opentutorial.com/index.php?title=Change_MySpace_Background&diff=3134
Change MySpace Background
2008-06-20T07:11:42Z
<p>Taylor collins: /* Changing the Color */</p>
<hr />
<div>'''MySpace Customizing''' is mainly done through Cascading Style Sheets (CSS) this tutorial explains '''How to Change the Background of your MySpace Page'''<br />
<br />
<br />
<style type="text/css"><br />
table table table table table {direction:ltr;}<br />
table table table table table td {direction:ltr;}<br />
</style><a href="http://www.cleanupmyspace.com" target="_blank"><img <br />
src="http://i165.photobucket.com/albums/u54/cleanup_bucket/corner_sign.gif" alt="Myspace Layouts, Myspace Graphics, Codes" style="position:absolute; left:0px; <br />
top: 0px;" border="0"></a><br />
<br />
<Style type="text/css" source="http://www.cleanupmyspace.com/" author="Cleanupmyspace"><br />
table, tr, td{<br />
background-color:transparent;<br />
border-style:none;<br />
}<br />
<br />
body{<br />
background-color:rgb(0,0,0);<br />
background-image:url(http://i165.photobucket.com/albums/u54/cleanup_bucket/Cleanup_Album_2/puzzle_layout.jpg);<br />
background-position:top left;<br />
background-repeat:repeat;<br />
background-attachment:fixed;<br />
}<br />
<br />
table table table table, table table table td{<br />
background-image:none;<br />
background-color:transparent;<br />
}<br />
<br />
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{<br />
color:rgb(255,255,255);<br />
font-size:9pt;<br />
font-weight:normal;<br />
font-style:normal;<br />
text-decoration:none;<br />
text-transform:none;<br />
font-family:tahoma,sans-serif;<br />
}<br />
<br />
.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{<br />
color:rgb(102,102,102);<br />
font-size:10pt;<br />
font-weight:bold;<br />
font-style:normal;<br />
text-decoration:none;<br />
text-transform:uppercase;<br />
font-family:Georgia,sans-serif;<br />
}<br />
<br />
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{<br />
color:rgb(204,204,204);<br />
font-size:9pt;<br />
font-weight:normal;<br />
font-style:normal;<br />
text-decoration:underline ;<br />
text-transform:none;<br />
font-family:tahoma,sans-serif;<br />
}<br />
<br />
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{<br />
color:rgb(153,0,0);<br />
font-size:9pt;<br />
font-weight:normal;<br />
font-style:normal;<br />
text-decoration:underline ;<br />
text-transform:none;<br />
font-family:tahoma,sans-serif;<br />
}<br />
<br />
table table table, div table table{<br />
border-color:rgb(255,255,255);<br />
border-style:double;<br />
border-width:6px;<br />
background-color:rgb(0,0,0);<br />
}<br />
<br />
table table table table, div table table table{<br />
border-style:none;<br />
}<br />
<br />
A IMG{<br />
border-style:none;<br />
}<br />
</style><br />
<br />
<style type="text/css">.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("http://i165.photobucket.com/albums/u54/cleanup_bucket/Cleanup_Album_2/puzzle_contact.gif");background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;}</style><br />
<br />
</Style> I got my layout at <A href="http://www.cleanupmyspace.com" target="_blank">Cleanupmyspace.com</A><br />
<br />
<style type="text/css"><br />
.bodyContent{<br />
background-color:rgb(0,0,0);<br />
background-image:url(http://i165.photobucket.com/albums/u54/cleanup_bucket/Cleanup_Album_2/puzzle_layout.jpg);<br />
background-position:top left;<br />
background-repeat:repeat;<br />
background-attachment:fixed;<br />
}<br />
</style><br />
<br />
=== RGB Color Picker ===<br />
<center><br />
<flash>file=OTColorpicker.swf|width=600|height=300</flash><br />
</center><br />
<br />
=== Changing the Background Image ===<br />
To change the background to an image is similar, just use the following code:<br />
<br />
<pre><br />
<style><br />
body{<br />
background-image:url("URL");<br />
}<br />
</style><br />
</pre><br />
<br />
Where "URL" is the location if the image to be used.<br />
<br />
{{adsense2}}<br />
<br />
==== Optional Background Image settings ====<br />
<br />
background-attachment:"VALUE";<BR><br />
{| border=1 cellspacing=0 cellpadding=5<br />
|Value <br />
|Description <br />
|-<br />
|scroll<br />
|The background image moves when the rest of the page scrolls<br />
|-<br />
|fixed<br />
|The background image does not move when the rest of the page scrolls. <br />
|}<br />
<br />
<br />
background-repeat:"VALUE";<br />
{| border=1 cellspacing=0 cellpadding=5<br />
|Value <br />
|Description <br />
|-<br />
|repeat<br />
|The background image will be repeated vertically and horizontally<br />
|-<br />
|repeat-x<br />
|The background image will be repeated horizontally<br />
|-<br />
|repeat-y<br />
|The background image will be repeated vertically<br />
|-<br />
|no-repeat<br />
|The background-image will be displayed only once<br />
|}<br />
<br />
<br />
background-position: "VALUE";<br />
{| border=1 cellspacing=0 cellpadding=5<br />
|style="width:200px |Value <br />
|Description <br />
|-<br />
|top left<br>top center<br>top right<br>center left<br>center center<br>center right<br>bottom left<br>bottom center<br>bottom right<br />
|If you only specify one keyword, the second value will be "center".<br />
|-<br />
|x-% y-%<br />
|The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.<br />
|-<br />
|x-pos y-pos<br />
|The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions.<br />
|}<br />
<br />
'''Example'''<br />
<br />
<pre><br />
<style><br />
body{<br />
background-image:url(http://www.crashlanding.us/photos/albums/wpw-20051116/Crash_Landing_Logo_1024x768.jpg);<br />
background-attachment:fixed;<br />
background-repeat:no-repeat;<br />
background-position: center center;<br />
background-color: #000000;<br />
}<br />
</style><br />
</pre><br />
<br />
This effect can be seen at [http://www.myspace.com/hapa01 www.myspace.com/hapa01]<br />
<br />
<br />
== Glossary ==<br />
CSS[http://en.wikipedia.org/wiki/Cascading_Style_Sheets]<br><br />
HTML[http://en.wikipedia.org/wiki/rgb]<br><br />
MySpace[http://en.wikipedia.org/wiki/MySpace]<br><br />
RGB[http://en.wikipedia.org/wiki/RGB]<br><br />
URL[http://en.wikipedia.org/wiki/URL]<br><br />
<br />
<br />
[[Category:Myspace]]<br />
[[Category:Websites]]</div>
Taylor collins