Printable View
I know I know, myspace... meh!
I'm helping a good friend of mine with his page and while I like the fact that its heavily css driven, they make it hard to really 'design' a layout. Has anyone had any experience with customizing myspace?
What I'm looking for is a good well rounded manual that goes over the various places to put your code, how to change the layout etc.
Does myspace strip html tags? Try putting a <plaintext> tag in there, and destroy his profile :D
You're only allowed CSS and HTML. Put the HTML in the "About Me" section and the CSS is any of the other sections. If it's a really customized (lots of overlapping divs) and you put the HTML and CSS together, it'll cover up the "submit" button. Always use "safe mode."
There are lots of premade layouts out there, but it's best to do it yourself if you have the time / patience. They've taken out a lot of markup so you have to do everything a long roundabout way.
I highly recommend downloading the CSS stylesheet they use for their site so you can know which classes are already defined.
I just signed up to check it out...
I feel kind of dirty now :(
no, you can use HTML too, just no javascript. I would like to wreak some havoc with that <plaintext> though, sounds mischievous!
seems like the latest trend to use myspace for advertising purposes. ive had some clients asking for things like this:
http://www.myspace.com/slither
http://www.myspace.com/kmcshane
pretty smart really.
Know what's even better? Going in there with straight CSS.
table td{border-width:500px;}
Add that to every class. The typical Myspace profile is a mess of tables, tables, divs, and more tables. Whoever did the coding for it was, and probably still is, a moron.
I've gotten that far and I'm finding what you said to be true, too damn complicated for simple tasks. Right now I'm trying to just move and size the major page elements. I'm going for a clean column site that looks like a forum.Quote:
Originally Posted by Genesis F5
Yeah whats up with that? I'm not the most afluent CSS designer so it confuses me when I see a page element defined multiple times.Quote:
Originally Posted by Genesis F5
Like, does this define the border width of all tables and table data?
table td{border-width:500px;}
while this just defines the color attribute of tables?
table {border-color: red;}
DOH! double post
mental note: don't use the back button to edit posts
See, now that's what I'm talkin about. I don't wanna have to study for the next three nights just to learn a simple layout like that.Quote:
Originally Posted by indivision
Yeah, table{border-width:500px;} will change the border width of all of the tables. If you add "td" it will only change the inside containers. CSS can either be very specific, or very broad depending on what you're targeting.
You can put the two elements together:
table{border-width:500px; border-color:red;} (make sure you seperate the syntax with semicolons.)
They define it multiple times in the CSS stylesheet because it's for different classes, for example:
table1.table{border-width:500px; border-color:red;}
table2.table{border-width:500px; border-color:red;}
That's another thing I should point out. You can only use classes. No ids allowed.
Hey j, check some of this out
http://www.davesite.com/webstation/html/myspace.shtml
hope it helps.
There are just sites you can tell it what you want and it will generate the code FOR you...that is what I did...I mean....never.
Links?Quote:
Originally Posted by WannaBe_80z
Oh... yea, I can google too... sorry :rolleyes:
http://www.mylayoutscreator.com/index.php
Just go to google and type "premade myspace layouts." There's far too many sites out there to list them all.
... or did you mean a link to WannaBe's space?
no way....keep all that crap off of here. I like to keep my business seperate thank you.
mygen.co.uk is what i used...and then went through the code and took out their little tag to add the little "made with my gen" graphic at the top :)
I want you to make some .gifs for my new myspace redesign ;)Quote:
Originally Posted by Genesis F5
:D:thumbsup: *opens editing app*
you shouldn't steal someone elses code and not give them credit...Quote:
mygen.co.uk is what i used...and then went through the code and took out their little tag to add the little "made with my gen" graphic at the top
I can tell you that their music player is fun to play around with, and that it was published without "protect from import" enabled.
Yeah I found that too, kinda why I started this thread, I'd like to find something more descriptive.Quote:
Originally Posted by admedia
ROFL you guys crack me up.
With that being said, Use straight css, easier and clearer. You have to use all the right classes with the myspace css codes.
text, .spacetext, .redtext, .redtext8, .redbtext, .redtext12b,
.bluebtext, .redbtext, .utext, .orangetext, .orangetext2, .orangetext15,
.lightbluetext8, .bluetext8, .whitetext7, .whitetext12, .whitetext15,
.blacktext15, .blacktext13, .blacktext12, .blacktext12nb, .blacktext10,
.blacktext10nb, .blacktext7, .footer, .skip, .blacktext14bu
I think that is most of the text ones of them
Right, but like, wtf part of the page does .orangetext15 effect.
Plus there's styles like .contentTable that I had to stumble on. Where the heck is the myspace manual?
I think this officially proves that Jupitermedia needs to purchase MySpace immediately and let us fix it.
Either that, or the folks over at MySpace need to hire some of us. I've sent numerous messages reporting bugs / problems with the site.
Their markup makes me cry. It's no wonder why their server is slow.
or the fact that 40 million refresh whoring little kids are on it daily....multiple times daily?
and they have myspace for bands that stream music, and now a film subsection.
I am impressed at how much thier servers handle. I don't even wanna know how much bandwdith they go through !!!! eek!
ps: and jupiter media can go right ahead and buy it right back from fox for the 300+ whatever million they paid for it. That tom guy was a genius.
I noticed it seems really slow... must be hosted at the same facility as flashkit.
I saw some lady on the news today say
"Myspace.com is just a filthy whore hole"
if you think myspace is sick, http://www.mydeathspace.com/deaths.aspx is sicker :P
I don't see the point....documenting the deaths of people that have a myspace account?
its probably slow now but their speed was what originally won out over friendster and other similar sites. they did this partially with database optimization (limitation really) like not polling for the complete relation-paths between users and by having something like 400 servers.
Hooray for semantic class names!Quote:
Originally Posted by Ghostgirl705
I'd recommend using
Code:html {
display: none;
}
But then you won't be able to hit the submit button. :D
That is the bane of profile editing. :rolleyes:Quote:
Originally Posted by Genesis F5
.contentTable = the contact buttons
And there is no "manual" that I know of. Just trial and error.
The whole idea is you have to cover everything up then rebuild it.
That will get rid of all the tables...and um... the ads too (which is against rules) *mental note to fix that*Code:<style type="text/css">
.Table1, .Table2, .contactTable {visibility: hidden; display: none;}
div div table table td {visibility: hidden; display: none;}
table tr td.text span.nametext {visibility: hidden; display: none;}
</style>
I'll have to try that. I came up with something similar a while ago but when I tried to submit it, the parser appends a "do not block our ads" to the end of the string so it won't recognize it as being an applied style. The only difference was mine kept the ad at the top:
Also, I don't know how many times I've contacted Tom and the others there about an annoying bar that runs across the screen towards the bottom. Again, someone who doesn't know what they're doing didn't anchor the copyright table to the main div so it stretches 100% across the screen.Code:body{background-color:FFFFFF;}
td.text table img {visibility:hidden; height:0px; width:0px;}
td.text table a {font-size:0pt;}
body table tbody tr td{background-color:333333;}
body table tr {visibility:hidden;}
body table tr td div{visibility:visible;}
body div table tbody tr td{visibility:visible;}
I've also asked them to skip the "preview section" in safe mode so if you do have intrusive CSS it won't stop you from submitting your design.
Designing / updating / previewing in MySpace has become such a nightmare I've saved a blank profile to my HD so all I have to do it edit it there. It's so much faster, but you have to remember to check the design with MySpace first to make sure they'll allow certain things.
I'm starting to get it, I added a ton of clickable thumbnails to his space last night.
Right now I'd be happy if I could just change the x, y, width, and height of.... everything.
Hey jAQUAN, try this Firefox extension: X-Ray. It lets you see the tags on a page without looking at the source code. It doesn't show table tags, but it might be useful for seeing everything else.
Wow, that is veeery helpful. It's gonna take alot of the guess work out.
Check out Catbert's CSS Inspector: here. I use that and it works wonders.
Man I need to start a del.icio.us page to keep track of all these cool plugins. Thats going to help a great deal as well.
myspace: bought for 580 million dollars
facebook: offered 750 million, declined saying that it's worth 2 billion
stem cell research, after eight years of dealing with bull**** politics: 200 million dollars grant from government.
people disgust me.