|
| Editing Your MySpace Account |
|
Posted on Mon 22 May 2006
by Dave Barr
(610 reads)
|
My quick info on editing you MySpace account. Please be aware im not the greatest HTML/CSS guy out there but if you want to know more than what I say here please ask
Ok, first off, if you want to know what the crap is with the { and ; symbols its all a part of what’s called CSS or Cascading Style Sheets.Cascading style sheets help control what a web page a web page looks like, see at the beginning there was just text, then the powers that be decided "hey we can do more with this" and then came HTML or Hypertext Markup Language, this is all that stuff like <a hre="link goes here">what you want to call the link goes here</a>. Then after a while of there being HTML they decide "It takes too long to update the way my web page looks, there has to be an easier way". So they created CSS and the internet was happy (ok this whole history is a lie but its my tutorial) And updating your website became much easier because all you had to do is replace your css and your entire page could be changed.
So first thing we need to do is tell myspace were going to insert our css code, and we do this with the following line.
<style type="text/css">
This tells myspace that your going to start a style sheet, specifically this part does '<style' and this part 'type="text/css">' tells myspace its going to be css.The '<style type="text/css">' is actually html and this tag must be closed at some point (this will be at the end, don’t worry about it for now)
Ok next we need to start the style sheet. the following will control what is called the "body" of your site (the main background, normal text, ect.).
We control the body with a simple tag.
body
Yes that’s it that’s al it takes to start controlling the "body" tag. Now comes the '{' this is the beginning of actual commands and the end of all your commands for said tag end with '}'
Now we have to think about actual commands like I want to add a background image
background-image:url(http://your image link here);
Ok so what does this mean? well this part 'background' tells us... yea that’s right were about to do something with the background. Now some commands have a type of sub command, the background had a few, including image, color and repeat to name a couple and we control these by adding a '-' and then the sub command, the above uses the 'image' sub command.
So this is the command and sub command together
background-image
Now we have to end the main command, we do this with ':'
background-image:
Now we can start what were going to specify for this command, the command wants to use a background image so were going to tell it to use a url for the image
background-image:url
yup that’s it, now we need to begin the url we need to start with this '(' and end the url with this ')'
background-image:url(http://www.link.com/imageinfo)
this almost completes the command, the bonus and problem with css is that spaces don’t matter so the command could be smashed together, to make sure our commands don’t get messed up we add ';' at the end (please make sure your using the proper colon or semi-colon it does matter). So our total command for the image looks like this.
background-image:url(http://www.link.com/imageinfo);
And the total command would look like this
body {
background-image:url(http://www.link.com/imageinfo);
}
and if you didn’t want it to repeat (a single image and no tileing) you would use
background-repeat: no-repeat;
in the line it looks like this
body {
background-image:url(http://www.link.com/imageinfo);
background-repeat: no-repeat;
}
Now remember when I said spaces don’t matter? the way it looks above is not the way it must look this will also work
body {background-image:url(http://www.link.com/imageinfo);background-repeat: no-repeat;}
It’s just a bit harder to read.
there are also tags like this
.redtext
Notice the period? Well that means its going to control a specific area/s of the page, you see when we used
body
that controlled the actual body of the page or if we use
table
It will control all the tables on a page (in your browser click "view" then "source" and you’ll see all the html that makes your page). If you look at the html you’ll see things like table tr td and you can control these things by using tags without the period at the beginning.
if you continue to look around the html in a page you’ll also see something like
class="redtext"
This is where that little period comes into play. The period means were going to modify a class and not an entire element (table, body, span are all types of elements)
now we need to tell myspace were going to stop using the style sheet and we use this command
</style>
as usual the < and > are the openers and closers for the html commas but the difference is this '/' this is what tells myspace were ending this.
and the total code we made looks like this
<style type="text/css">
body {
background-image:url(http://www.link.com/imageinfo);
background-repeat: no-repeat;
}
</style>
I hope this makes at lease some sense to you.
|
|
The comments are owned by the poster. We aren't responsible for their content.
|
|
|
