Originally posted by Airforce:
not to bring a month old thread back to life but how the hell do you use myspace.com What I mean is how do I customize it??

Thanks,

Phil



BIG Warning... As far as I can tell, Firefox does not play well with CSS, so IE is your friend if you want to use em!

Ok, you have 2 ways...

This is the best editor according to my HTML-illiterate friends: Mygen

Now if you want to do it yourself (like me), you'll first need to know about Cascading Style Sheets (CSS). Learn about them here: W3Schools

==========================

Here are all the text tags for your CSS pleasure:
  • .whitetext12{}
  • .lightbluetext8{}
  • .blacktext12{}
  • .btext{}
  • .blacktext10{}
  • .text{}
  • .orangetext15{}
  • .nametext{}
  • .redbtext{}

    These are all the links:
  • A{}
  • a.navbar{}
  • a.redlink{}
  • a.searchlinksmall{}

    The "A" will modify ALL links you created in your profile while the "a.whatever" are for specific links on Myspace.

    Here are the basics for using those...

    Between the brackets, you will enter information. Like say I want my ".nametext" to be red arial 24pt font, you'd end up with this:

  • .nametext{color: red;font-family: arial;font-size: 24pt;}

    You can also use hex for the colors: "color: FF0045;"

    ==========================

    Now for links, it's easy to see what it means.
  • ":link" is when the link was untouched by the pointer
  • ":visted" is for when you've used the link before
  • ":hover" is for when your pointer rolls over the link
  • ":active" is for when you clicked the link, but have not yet released the button.

    So say, here's an example... the "a.navbar" link:
    Unclicked:
  • white arial small caps size 12pt font with no text decoration
    Visited:
  • yellow arial small caps size 12pt font with strike through
    Hover:
  • green arial regular caps size 16pt font with underline and overline
    Active:
  • red arial regular caps size 16pt font with underline and overline

    You'd use this:
  • a.navbar:link{color: white;font-family: arial;font-size: 12pt;font-variant: small-caps;text-decoration: none;}
  • a.navbar:visited{color: yellow;font-family: arial;font-size: 12pt;font-variant: small-caps;text-decoration: strike-through;}
  • a.navbar:hover{color: green;font-family: arial;font-size: 16pt;font-variant: normal;text-decoration: underline overline;}
  • a.navbar:active{color: red;font-family: arial;font-size: 16pt;font-variant: normal;text-decoration: underline overline;}

    ==========================

    You can use these tags to modify ANY HTML tag! So if you want to make anything behind a list item tag ("<li>") do certain things, you'd have this:

  • li{***insert CSS properties/values here***}

    ==========================

    I'm not going to go into images, since pretty much all you can do to them is apply a filter (like B&W, Blur, etc), which the W3Schools hits very lightly... if you want to do some advanced stuff to both text and images, look up "CSS Filters" on Google

    If you want an example of what you can do with filters, look at my Myspace page

    ==========================

    So yeah... if that confuzed the crap out of you, go visit the W3Schools and read up on it, or just use an editor!

    Remember to put all the CSS between the "<style="text/css"> </sytle>" tags, and place all that into any section (they prefer you use the top of "about me" for some reason).

    • Goin' Round Traffic Circles @ 50Km/h!!! \m/ -- 1998 E0 SVT #2119 of 6535 \m/ -- 2003 Sentra SE-R Spec V