I just kinda discovered scripts at like 1:00 this morning, and I wrote one to edit my Myspace Homepage. I was able to figure almost everything out, there's just a few things i need help with. I took a screenshot of what the page looks like, and labeled what things I need help with.

1-I would like to have everything centered horizontally in this column. Is this possible? Also, I would like to have the two people vertically closer together, without as much blank space.

2-I want this box but I want to remove the "your network", and "last login", and would also like to remove the links for "favorites", and "my groups". everything else i want to keep, and i want to keep it vertical

3-I like this birthday thing, but i want to move it to the same place as i have the announcement box, except on the left side. It would also need to be resized

4-I basically just want to take the link for my school and put it under "manage address book". i don't need it to say "visit my school page" or "What's new at your school" I just want the link

5-I doubt this is possible, or it may be very complicated, i don't know yet what coding can be used for these scripts, but it would be nice if the links would autohide, and when i mouse over a arrow or something they expand to how they look now.

I would also like to know if it's possible to have semi-transparent backgrounds, and I would like to know how i could change the blue section of bulletins, and birthdays etc, and how I can change the color of the background behind the section headers (i.e. "My Friend Space") and the borders of the sections.

Like I said, I'm a complete n00bie, I just learned about these 6 hours ago. So any help would be greatly appreciated. Thanks!

EDIT: I found out how to get it semi-transparent, but it makes the pictures transparent too which I don't want. Is there a way to get only the background semi-transparent?

I'm gong to respond rather than editing because there's so much to say. I fixed a few things, as seen in the following picture, but there's still a bunch of things i want to change.

1-I want those things centered

2-I was able to get rid or the links for favorites and my groups, but i was unable to get rid of that blank space, also, i still want to get rid of my network, and last login.

3-same as before. "I like this birthday thing, but i want to move it to the same place as i have the announcement box, except on the left side. It would also need to be resized"

4-i would like to put these to the right of my display image, under the other links.

5-I want to put the link only above the links from 4, and below the link "manage address book

6-same as before; "I doubt this is possible, or it may be very complicated, i don't know yet what coding can be used for these scripts, but it would be nice if the links would autohide, and when i mouse over a arrow or something they expand to how they look now."

7-I would like to change this from my display name to my first name. or better yet, an image.

8-i would like to get rid of the "from", "date", and "bulletin", and move the "(O/H/A)" and "config" next to "my bulletin space"

I still am trying to figure out semi-transparencies. so far really all i have been able to do is manipulate things with ID tags. so if it's in a subclass, i don't know how to change it, and I don't know how to ad things. I'm not looking for someone to do this work for me, I am looking to learn. Again, I appreciate any feedback, especially if you can help me with any of the things i need help with. and again, thank you so much in advance

Based on a brief glance, you just need a pointer in the right direction. Check out http://www.diveintogreasemonkey.org/ for a tutorial on greasemonkey. It sounds like you can skip the first chapter or two, but the bulk of it is on using javascript to do the kinds of things you're looking for. Any other javascript tutorial should work just as well, though, presuming that you are already successfully running and modifying GM scripts.

-Joel

As you can see, I was able to solve a lot of my problems, but there are still a bunch of things I need help with. I have created a big problem because by doing some of the things I did, I changed things from updating. (i.e. the date and profile visits won't change, default picture wont change when i change it, and my two top friends pictures don't change when they get new defaults. Other than those problems, I just want to change the birthday thing, make the searchbar at the top centered, and higher up, and i still want to get rid of the "from, date, and subject" labels. and I was thinking, I t would be nice id I could take out the entire "date" column. i don't need it at all. I also would like to get rid of all the unused space below my stuff. And i still would like to know how i can use transparencies for just the background.

I have done absolutely everything I am capable of, so i really need help now. thank you!

You might want to check out Sylish also: http://userstyles.org/stylish/
Some of what you're trying to do just requires changing the stylesheet, blocks with IDs can be moved around and resized easily.
CSS reference: http://www.w3.org/TR/CSS21/propidx.html

You can also use firefox extensions like Platypus that may let you save your changes as greasemonkey scripts.

http://platypus.mozdev.org/

Descriptor, actually, doing the one's with IDs it the only way I know how to move them around.

And, Parashuram, a lot of what I did I used Platypus for lol. The only problem I had it I would make the bulletins exactly how I want them in Platypus, but when I save it, the script didn't do anything.

The thing I am most concerned with now If how I can keep the page looking how it does now (there are still some things I want to change) but still have things be automatically updated (i.e date, if I or someone else changes profile pic, etc)

Well, to remove a block it's just
#blockID {display: none}
I do that all the time, for example I like to remove iframes with
iframe {display: none}
with Sylish and no iframes load at all, sometimes this collapses the area, sometimes it's a blank area, all depends on it's parent element properties.
To change the background use background; i.e.
#elementID {background: inherit inherit}
if necessary add !important to the end of that - if there is inline style you have to use !important to override it.
Oh, also if you want a transparent background and then have a list or links with a background:

#elementID {background: inherit inherit}
#elementID a, #elementID li {background-color: white !important}


Descriptor, thanks. Most of that I already knew, except for the transparent background thing. I'm pretty happy with how it is now, I would just like to fix everything so that it works when the things change (like the date, or profile views)

ok, i figured out what i wanted to do with the bulletins too. i'm pretty happy with how things are right now appearance wise, i just need to get everything updating. any ideas?

I have no idea, you must be changing something important. I'd have to have an example URL and see how it normally works.

i think it's because i copied html from certain sections, removed those sections, and inserted them back in with come changes

Then you didn't copy the ID, or you didn't copy the right ID. Or there is a handler in that element and you left it behind, something like onLoad="checkForUpdate()".
I have no experience with Platypus so I have no idea what it might do. If you moved an image src an not the image tag itself, then it would lose it's Name or ID and never get updated.
Also their script could be going by element order - document.images[0] rather than document.images["name"] in which case you can't alter the order - or you need to alter their script.

But I'm only guessing, and maybe bad guesses.

ok, the origional myspace code for this section was:

myspace friends code

i replaced it by this:

my friends

I was able to get my default picture to change, and the "info bar" with the date and profile view to work now, but the info bar now looks like this:

ok, i don't know why, but for some reason everything i did in platypus isn't working now. i'd really like to be able to do stuff without it. how can i change things that don't have an ID set?

I commonly use document.evaluate (XPath), which is a bit new to me, but once I somewhat figured it out I learned to love it. It's very powerful and it can match practically anything reliably. Take a look at the examples in that link - the first part is an expression that will be evaluated; "//h2" is any H2 that is a descendant of any element, and "//div//i" would be any I that is a descendant of any DIV. The second argument is where the search starts from, usually document, but can be an element object you've previously found.
The really useful part is being able to search for attribute or text content, for example "//div[@style]" would find any DIV that contained a STYLE attribute; "//img[starts-with(@src,'http://www.google.com')]" would find any IMG from www.google.com; and "//p[contains(text(),'Hello, ')]" would find any paragraph that contained the text "Hello, ".
See also
http://developer.mozilla.org/en/docs/XPath:Func...
http://developer.mozilla.org/en/docs/XPath:Axes
http://wiki.greasespot.net/Code_snippets#XPath_...
Also search this forum for xpath to find more examples. Reading a book on XML helped me understand it better as well, though I haven't actually finished yet, I think I get the idea.

alright looks like i have some reading/messing around to do. thanks for the pointer. hopefully i'll be able to figure all that out lol

This is probably really hard to digest, but I think it's very helpful for user scripts...
Check this section:
http://www.w3.org/TR/xpath#location-paths
and especially this section:
http://www.w3.org/TR/xpath#path-abbrev
You can use "div[1]" to get the first DIV or "div[last()]" to get the last DIV. I have to experiment because I've had trouble using some XML syntax, probably wasn't using it correctly.

I was actually looking for regex support, but I guess it isn't supported in this version.