myspace 2.0 contact table code generator, contact tables.
myspace 2.0 and Myspace 1.0 music player skins for standard and playlist players.
MySpace Page Customizing Article Contents
Music Player Skin Code Generator over 2000 plain color skins and over 1000 image skins
css mouse over hover effects
MySpace changes, problems, updates, code fixes related to recent changes
customized online now icon code that works
Page Layout, Layering, Classes
MySpace Page Layout Showing Divs, Tables, Cells, Classes (Regular and Band Page)
MySpace 2.0 showing layout, class info, id info, structure and more
MySpace 2.0 showing layout, class info, id info, structure and more, slightly better view of the page, but use the above link to see the key
MySpace Blog Page Customize Style
MySpace 2.0
I am updating my older articles, to all include the information for 2.0.
Here are some links to some myspace 2.0 specific things.
MySpace 2.0 MySpace 2.0 show only last comment, show fewer then 50 comments
MySpace 2.0 Put friends in scroll box
MySpace 2.0 put comments in scroll box, scrolling comments
MySpace 2.0 Div Overlay
MySpace 2.0 Add a Custom Section
MySpace 2.0 Skinny Profile
MySpace 2.0 music player, playlist and single song player, resizing, styling
MySpace 2.0 top section, profileInfo, mood, contact table, default image, basic info, mood, view pics|vids; hide stuff, style stuff, custom mood, custom online now icon, custom contact links, url, hide individual elements in this space, or the whole space
Huey's Blog, he is way ahead of me in publishing basic 2.0 tweeks. Sometimes we cover the same material, but we often end up with different solutions (because there are so many different ways to do stuff). So if one of our solutions does not work for you, try the other person's solution. If neither works, ask one of us.
DIV OVERLAYs
Div Overlay Tutorial MySpace Band Page
Simple Div Overlay Tutorial for MySpace Page
Simple MySpace Div Overlay using Floating Div blocks inside a Core Div
Turn your mySpace page into a Spoof Deleted or Error Page
Music Players and Videos
Music Player Skins apply You own or Use one of Mine
Minimize Standard Player to just the Start/Stop button, and move it to the top corner
Hide MySpace Music Player (includes Band 4 Song Player)
Resizing and Moving the MySpace 4 song music player
Video Posting Guide Blogger and mySpace
Top Page Area
Top Navigation Menu Bar, Style, Hide
Top area, Ad Banner, Short Cuts, Google Search Form
Place a Custom Top Banner MySpace
Band Page Top Area and Menus Including Maroon Nav Bar
Ad Banner Un-Hidding if Hidden, Understanding, Styling
LEFT
MySpace Left Side Styling Hiding
Top Left ProfileInfo MySpace Profile Img, Last Login, Location, Age, Sex, Styling
mySpace Band Page Top Left Profile Image, Location, Last Login, Customize and Style
Contact Table Custom Myspace
mySpace URL box userProfileURL hiding, styling
mySpace Interests Table Hiding, Hiding Rows Labels, Styling (coloring/sizing)
mySpace Details Table userProfileDetails hiding, styling, creating custom Details Tables
RIGHT
mySpace Right Side Hide and Style Routines
Status /Extended Network box in top Right, style, replace with image
MySpace Blog latestBlogEntry, hiding, styling, importing into Div
Create Custom Table (Div or other Content) above Blurbs
Blurbs (About Me/To Meet) Styling, hiding, etc ...
Calendar MySpace Styling Hiding Moving
MySpace Friend Space, Styling, sizing, coloring, hiding, moving
MySpace Scrolling friends Comments
Center Friends AND Comments
MySpace Center Only Comments
Friends and Comments Side By Side Bottom Center
BOTTOM
MySpace Bottom Links, copyright cc, Gray background
Create Custom Content at Bottom of Page, just above Bottom Links
Band Page
I cover the Band Page Specifics in many of my other Articles, if the Element is on Both the Band Page and the Standard Page.
mySpace Band Page Shows Hiding, Styling, Moving, importing into Div Overlay
Band Page Top Area and Menus Including Maroon Nav Bar
mySpace Band Page Top Left Profile Image, Location, Last Login, Customize and Style
URL myspace Band Page
Band Page General Section, member since, style
Div Overlay Tutorial MySpace Band Page
OTHER
Minimize or make myspace page skinny
One column Centered Layout
Picture placement and Alignment MySpace, Blogger, other web pages
image effects change image when hovering over
MySpace Eliminating Excess White-Space
Section and Table spacing
Firefox Marquee Bug, Direction Up or Down
I hate splinks for many reasons
70 comments:
i was wondering what the code was for allowing the about me section and or plus the who id like to meet section up when i remove my blog and extended newtowrk part. thanks:)
Hi,
CLICK HERE
Put in the first code block.
It is a complete code block, does the removal of the blog and extended network and the space it occupies.
My guess is that you are rendering stuff {visibility:hidden} instead of {display:none}
visibility:hidden turns it invisible, but it still takes up space
display:none removes the item from the page.
Once you do display:none you still have a small amount of space, due to the carriage returns between the tables.
For this I do a very small amount of relative movement up.
If this doesn't work,
I can look at your code and see what is over-riding it.
But I will need a link to your page.
Hi,
I really apreciate your tutorials and sample codes a lot. I am in need of some deperate help/sugestions for a layout I need to implement on myspace. In the Film section. I couldn't find the answers I was looking for looking through your code help.
The layout I need to implement is HERE.
I would really apreciate it if you had suggestions and methods on how to do this. I started the process, but after 3 days of wall banging, I have to admit i am stuck.
Any Help would be a Big Help,
Thx
Ibrahim,
How important is it that the page come out EXACTLY as you have pictured.
It is easy to get a top banner between the google search and the top navigation bar, but the way you have it pictured, has it up behind the google search and ad, that is slightly more difficult.
Add a banner to the top
Add Custom Banner to Top area of MySpace page
Use the code that creates the banner just above the main menu.
remove the maroon navigation bar.
maroon bar remove
To keep your columns nice and clean I might do something like this:
remove all tables which are three tables deep:
i.e.
table table table {display:none;}
bring back the ones you want:
table.contactTable, table.contactTable table,
table.friendSpace, table.friendSpace table,
table.friendsComments, table.friendsComments table{display:block;}
I would then create 2 custom divs below the interests table (which is rendered display:none).
I would close enough table layers to bring me two tables deep, and still in the left column.
Then I would create the divs.
One div would contain the content you are going to put above the contact table, the other would contain the content you want to put below the contact table.
You would then create a margin above the contact table, and move the div into that space.
For the right column, I would use the blurbs (about me) table.
The table is rendered display:none.
Close enough table layers to take you to a point where you are two tables deep and in the right column.
Create your div, and put your content in.
Some articles which may help:
Create Custom Content above Blurbs
Custom table above Interests
Both of the above are actually much more complex than what you need.
But the concept is the same.
How far are you.
Maybe I can help you more, but I don't have time right away (not at least for a few days, maybe longer).
Maybe you can get it started.
MySpace Code changes again:
Late this afternoon I noticed a change to my profile, and profiles I have made for friends - the "extended network" table has dropped down lower, and there is alot of additional space between that table and blogs table... Don't know when this happened since I haven't been on MySpace all week.
What gives? Anyone know?
*grrr* :(
Correction - extra space is only visible if blogs are hidden - otherwise it just looks like the right column has been lowered. I wonder if it is temporary...?
:(
Thanks for the heads up.
Check this out:
page showing table structure
Notice an extra table around the extendedNetwork table, and a table underneath it.
I would not rush to fix stuff until it is there a while.
I think it is some temporary thing where they intend to alter the structure of that table.
But I fully expect that they will move up the extendedNetwork class to the outer table they inserted.
Correction again! Extra space now visible again (under "extended network" table) and the table is narrower now, by about 20px.
What are these people doing... *sighs*
I see what you mean! - thanks E!
Wouldn't it be nice if MS utilized just one employee to post updates to a blog re: things like this... just one employee spending 10 minutes a month.
I am having a problem that seems like it would be a quick fix, but is proving more difficult to correct than I initially imagined. I found your blog to be helpful, but can't find the exact information I need.
Here is my problem: I think that my myspace page is too wide. I liked your one column coding and also the code to slim the page down, but the top right consoles always float too far to the right so you have to scroll over to see them. I am using Firefox on a mac. I am a beginner here. Any info you have would be appreciated! Love the blog - here's mine: http://suchisthecase.blogspot.com/
Also for reference, my myspace page:
http://www.myspace.com/thehappyjellyfishes
can you show me how to customize the extended network border and size?
i know the tag for the font in the network but i dunno how to make the border thick and resize it.
i want the one same as this profile - myspace.com/matt
thanks.
Would you have information or advice on resizing the SNOCAP box?
I just wanted to thank you for all your hard word bringing us these codes! I live off this page; it's my MySpace customization bible. And I always know your codes will WORK. So thanks again!
Hi,
I was wondering if you could help me with something.
I was wondering if in my comments i could disable the click able pictures and names so nobody can click on them.
please help me.
thanks.
Hi there =)
You have some great tutorials, really helpful! I have one question though..
I'm making a band website for my friend, and rather than have the usual contact box I've made a flash navigation bar that looks great, but unfortunately won't work. It loads but when I click it it does nothing!
It seems as though myspace is deleting lines of my code, I'm guessing it's blocking it. I don't suppose you know any way around it..?
Cheers!
Geo
Yep, myspace blocks flash links.
There are always those who choose to use their power for evil instead of good.
Solution:
clear gif file, on top of the links, turn the gif file into a link.
I do that on all my pages.
OR just a clear div works, you don't even really need a clear gif.
(Now I am starting to wonder why I have been using clear gif files for this sort of thing).
ok i need some help
i want to write on top my about me section were my extended network was located
but i dont know how to do it
and how can i hide interest section but still put stuff there?!?
Hey, I think this is a very useful site. Well done.
However, I tried the code that adds a custom table above the interests table, without altering the original code, but it messed up the original look of the interests table.
Is there a code that will add a custom table above the interests without altering the original layout of the interests table?
Thanks, 2e.
Oh, sorry, don't worry about what I said. I've worked it out. My bad.
Have a good one.
2e
hi
in ff my search bar, shortcuts jump around, i av a adblocker on if that makes a difference
hi
in ff i have an adblocker and i think its making my searchbar and shortcuts jump around, any ideas if i can stop this from happening.
:O)
Because I don't have adblock I can not test this for you.
But since the code hard assigns a height of 90, to the ad div, I suspect that you have somehow overridden this.
Do you have anything resizing a div, at any level, to height auto?
Because the height:90 does not have !important, it is easy to override.
But you don't want to override it.
You want this div to take up 90px in height, EVEN if no ad is displayed.
hi
no the only codes i have are yours
1: navbar
2: search /google/shortcuts
which I must say are both cool codes.
and hide everything
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=106510023.
Eileen, I have a flash banner that I can't seem to get aligned at the same position in firefox and ie. I used your code for the music player skin and the positioning in both browers is the same. Can you tell me how to position the banner in both browsers without using a div overlay. I really appreciate the tutorials. They are the most up-to-date and they're easy to follow. Here's the link to the page I'm working on http://myspace.com/tookoolrr.
Thanks in advance.
Darkage97
Do you know how to adjust the Friend Space, to show 8 Top Friends SIDE-BY-SIDE, instead of only 4?
First, thanks for the great walkttroughs, helped me a lot!
I just have one thing i just can't figure out.. I've used your div overlay for this band-profile: myspace.com/svartiloghin, but i also want to have the "Show 47 of 47 comments Add comment/view all comments" text replaced by a pic with clickable links, without hiding the comments itself.. Could you please help with that? THX!
Hello,
I was wondering if of you know how to separate the friends from the comments in a band DIV overlay? I already have my layout and the friend comments showing, I just need the friends to show in a separate DIV.
Thanks!
Kimberly
I am pretty good and I am good at figuring things out. But I could put a link to your blog on my blog.
Could you tell me how I can get a banner like on my friends myspace. Its a banner right below his header saying order cd here or something to that effect.
Here's his page:
http://www.myspace.com/alleyalumnirecordsmusicpage
Any help is greatly appreciated!
JustBlazeRecordz@gmail.com
hey im trying to get a top banner for my band's myspace and it keeps telling me to make sure its an img file. is there any way to get it on there with it still being a jpg? if not could you direct me on how to change it to an img. im kinda new to this and the pic im trying to get is on my photobucket. thanks!
What is the url you are using.
a jpg is an image file
.jpg, .png, .gif
all of those should work.
im using photobucket
Photobucket gives multiple links, to access an image with.
can you post the link, so I can see if it is the correct one.
Then I can test my code generator with the link to your image, to see if it is causing a problem.
http://i283.photobucket.com/albums/kk314/fallwhilerising/fall8join.jpg
[IMG]http://i283.photobucket.com/albums/kk314/fallwhilerising/fall8join.jpg[/IMG]
The first url you posted works. the 2nd one won't, not formatted for bulletin board posting, as it is.
Make sure you get the whole url starting with http: and ending with .jpg.
I created a code that hides the new navigation bar. It only works on Firefox though.
div[id="topnav"] { display:none !important; }
div[id="googlebar"] { display:none !important; }
div.profile[id="logo"] { display:none !important; }
div.profile[id="searchheader"] { display:none !important; }
div.profile[id="shortcuts"] { display:none !important; }
div.profile[id="shortcuts"] { display:none !important; }
td[bgcolor="#2358b8"] { display:none !important; }
That id syntax would be way more useful cross browser.
Thanks for posting it (I am always forgetting it, and now have a place to refer to when i need it).
For non IE, one could even use last-child, and just hide the div in the last row of the table.
i.e.
div.profileWidth table tr:last-child div {display:none;}
Anyway, there was something, last Thursday (or when they first made all the changes) that caused a problem with the google search drop down, if one tried to set any sort of display:block or other display mode, in that space.
But I do not see that symptom anymore, so now it is really as simple as
div.profileWidth table div {display:none;}
div.profileWidth table div.clearfix,
div.profilewidth table div.clearfix div {display:block;}
I wonder if they fixed the problem with the blue in IE6.
I maybe should test that aain as well.
But if you want to hide the google search as well, then the problem with the google drop down, sticking down, would never be a problem and one can do this:
div.profileWidth table div {display:none;}
div.profileWidth table div.clearfix,
div.profileWidth table div.clearfix div {display:block;}
div.profileWidth table div.clearfix div.profile {display:none;}
one question:
when i applied a custom skin to myspace player in my band profile, after hitting preview the SUBMIT button is not visible. So I failed to add the background. Is there any way i can apply the skin and hit submit?
In your tutorial for band page overlays, I didn't see any mention to the Snocap music store being put back into the tables. Would like to know if this has been done and if so, where can I find this information. Thanks a ton
I should add that.
I did it for someone once.
I don't remember exactly what I did, I am sure I can figure it out again.
Maybe I will write up how to do it this weekend.
I should include it.
Hey Eileen!
Your codes have helped me out so much!!
I saw your after some music for the player...i happen to write songs! if you like what you hear i'd be more than happy for you to use them:)
you can download them from my myspace page or website
www.myspace.com/daylighttremor
www.daylighttremor.com
or from my server @ http://redoutsidethewindow.com/tcwsio/mp3/
:)
thanks once again!
alan
p.s i sent this message to the music3test page...just covering all the bases:P
Good Job! :)
Hi there - I'm new to mySpace and I recently went about customizing my band's profile. It's taken me forever and only by the grace of your tutorials and google have I managed to get as far as I did. My problem is this - everything I've done up until the blog area is fine, but I'm having trouble displaying my biog, friends, and friends comments. I want all these three areas centered, with a background image (like the blog area), and 735 pixels wide. Any help would be greatly appreciated! You can check out the profile and my code at myspace.com/novemberdownband. Again - thanks so much! Leigh
oagdI can't get my background graphic to start at the top. It begins about 150 px down the page. http://myspace.com/thepartycouncil
Thanks,
Thank you so much!! I used one of your codes to make a banner for our bands myspace, worked out great!! Thanks again! ^_^
Wondering if you want to do a link exchange. My blog is similar to yours but focuses on tutorials of how to use Myspace's features while yours fixes problems and has codes.
My URL is www.myspacemaking.blogspot.com
Please reply.
Jon.
Just wondering if you'd like to do a link exchange. My blog has tutorials about how to use some of Myspace's features.
URL: www.myspacemaking.blogspot.com
Please reply.
Jon
Link exchange?
www.myspacemaking.blogspot.com
Jon.
Hi,
I don't know if this has been asked or not but it doesn't seem to apply to any of the ones in the index.
I'm trying to make it so the banner image i use at the top can be dynamic and randomly selected.(maybe with multiple links?)
basically i wanna know if its possible so i can have a different banner image any time you refresh the page.
-thanks!
Yes, that can be done.
This guy has a tool that will create an image link, that randomly selects an image, from multiple images.
Random Image Generator
Hi Eilleen,
Just wanted to thank you -- I used your code to place a top banner above my hubby's band page, using our original graphic: it looks GREAT!
myspace.com/workingmanmusic
Thanks again!
--Heather
Nice blog!
Nice blog!
Hello, Is there a code to round the moduels in Profile 2.0. Do you seill need graphics?
Hello,
Is there a code that will round the corners of MySpace Profile 2.0 modules? Do you still need graphics?
Hey Eileen!
THnks a lot for the help,
but please ,how can I give a new style to my margin(border) profile,
but just want to change the border of the page ,only the border ..please..
Thanks a lot!
Hey Eileen!
THnks a lot for the help,
but please ,how can I give a new style to my margin(border) profile,
but just want to change the border of the page ,only the border ..please..
Thanks a lot!
i feel hopeless!! i have been trying to add rollover links to my profile on myspace forver and its driving me nuts! i have done many tutorials and i cant find the one i need to make this happen.
right now i created a div layout i hid everything but im unsure where to add the links in my code and how to link them. - myspace.com/hbzent
can someone please help me! if someone can get this to work for me i'll make you a nice graphic! thank you!
i just wanted to take 5 minutes to thank you for your wonderful site and your myspace structure pages, it has been invaluable to me in trying to deal with the horror of myspace!! there is nothing else like it on the net... please don't ever dissapear!!!
xxs
i used your top banner code for a music page
but for some reason it's completely off-centered in internet explorer
yet looks just fine on firefox and on the preview editing page.
is there a specific code for IE?
This about your Contact Table code; the add/friend does not work at all; only message & comment.
Nevermind, sorry! Lol, it does work! Disregard my comment before this one! :-)
Hello :) love your site!! Do you know of any way to add a small non-obstructing png image to overlay the music player on band accounts? i wanna make someone sitting on the playing with there feet dangling over the player... but I can't seem to the png in front of it... I tried z-index: 9 w/ the player set to 7 and it didnt work... :( let me know!! thank you so much ~beth.
hey,i was wondering if you had a css code to remove the "interests, general" title on myspace 2.0
thank you ..you are an amazing person for doing this..no BS.. :)
Thanks for the info. It's very useful for all those who want to socialize online.
hello... hapi blogging... have a nice day! just visiting here....
myspace is the best out there :)
Beth/taxgirl,
Yes, as long as, the image (as a rectangle shape, even if some is clear) does NOT overlap any controls you want people to be able to use.
We there is a way to do it even if it overlaps controls, but it is not as clean.
Problem is I don't have time to write and test the code for this right now. (It is in my head.)
However, in about a week and a half, I will have some time, and I will write it for you, if no one does it before that.)
So if you are patient, I can do this for you.
I see a few other posts here, I know the answer to, but do not have time to test them right now.
Sorry, but I have a major project at work that rolls to production next Saturday, and if it all goes well, I can again allocate some of my time to myspace customizing.
Post a Comment