MySpace Band Page, Top area, Ad Banner, Search, Menus, Navigation Bars
The top area on the Band (and other artist) page(s) is now structured the same as on the standard page.
I cover this information here:
MySpace top area, ad banner, search area, top menu
However, this area has undergone many changes over the last few months, and keeping up with all of the myspace core code changes is tedious.
So my code may not be up to date.
For the Maroon navigation artist bar see this article:
Remove, hide or Style the Maroon Artist (band, film, comedy) menu
I cover this information here:
MySpace top area, ad banner, search area, top menu
However, this area has undergone many changes over the last few months, and keeping up with all of the myspace core code changes is tedious.
So my code may not be up to date.
For the Maroon navigation artist bar see this article:
Remove, hide or Style the Maroon Artist (band, film, comedy) menu
Labels: myspace Band Menu
posted by u∃∃l!∃ at Saturday, March 03, 2007
47 Comments:
i was looking for these codess!!! L0L. thankss so much. haha i had to leave a comment. be safe & take caree.
these codes were soo helpful i thought i would leave a comment! THANKYOUU!
Hi, i think there is a bug with the code in "Remove everything in Top Area EXCEPT ad banner, search and select" . When i applied it, the music player disappeared ! I got around it by using the other bunch f codes to do what i needed thoughm thanks.
maty
I just did a test on a myspace page with no other customizations, and the code worked.
My best guess is that some other code in your profile caused the problem (possibly only when combined with my code.)
It is also possible that myspace had code in place causing the problem that is not there anymore (they often introduce bugs which they back out later.)
I'm genuinely thankful for all your hard work here. You've made things so simple. In fact I've always shyed away from DIV profiles due to how complicated I thought they were. Here I am, about halfway through your tutorial, building my page and I realize that I'm actually doing it! This is just perfect!
MANY THANKS for this great ressource! I used it alot during the last days to mess up my code ;) I also learned a lot. At the moment there is one thing that still drives me crazy: (On a mac) When viewed with FF all is fine, with Safari and Opera (with ie on pc the same, I guess) I have 2px difference on top, between the white border of my bg-image and the top banner, so the white corners do not fit. If you have any ideas how we can get rid of this,it would be highly appreciated. What is it with this "!important" thing anyway ? I figured playing around with these can do bad things to the whole ;) ?
All the best,
SP
;) well, I guess it helps to post the link:
http://www.myspace.com/springerparker
friend ID is: 292238255
best,
SP
SP
For the type of alignment you are trying to do, that is not the best banner strategy to use.
You are not going to get it to align perfectly cross browser (or maybe it is possible, but would take a huge chunk of code.)
IF you Are you willing to tolerate a white border (of the same thickness) around the table which holds the bottom links, and are willing to add another chunk of code to control this space, you can use a strategy which works better for alignment.
(It has its own side effects).
The other strategy will place the background image at the top of the main content table, instead of using the empty div above the main table.
I will add the code for that strategy, to this article, today.
To prepare for the use of this strategy, Draw your image so that it has the top banner image, without the border and clear segment above it.
Do NOT include the white border in your image drawing. It works best to assign it as a border.
To get an idea of what I am talking about, I have tested this concept on the following test page:
test myspace page
I assigned the light grey as a background color, to the main table, and the div holding the bottom links.
note:
I usually don't recommend using the main table as the container for a top banner, because it also effects the bottom link table.
However, it does provide for better alignment (the type you are tyring to obtain.)
Hey, thanks a lot for taking time to look at our code! The cross-browser-thing haunts us for years now ... Maybe with Web 4.0 there will be a common ground ;)
I understand, you have 2 different approaches to a possible solution?
I guess I could live with the border at the bottom, but if there is a workaround I would be happy to throw some more chunks of code in ;)
What I would love is to maintain a "flexible" extra space between the upper white border and the maroon music bar.
Very much looking forward to what you are proposing! Thanks so much!
Best wishes, SP
Dear eileen
... took me some time to figure out, that you posted the border thing not on this page but in the other section ;) I kind of mixed a few codes and I think it worked. I Removed the top border though and added the border to the bg image again. So there is no border at the top of the bottom links-copyright section. Only thing is I can't change the color under the ad banner or set it to transparent... I am using the Firebug Extension to dig into the code but I just can' figure it out... must me something in the code somewhere that prevents it, I guess ...
Anyway and again and again: THANKS A LOT FOR YOUR HELP AND CODES!
best wishes, have nice code-free X-mas!;)
SP
These codes are wonderful! Thank you so much! I too had to leave a comment just to show my appreciation! :)
Have an awesome day!
J~
how can i hide or remove the yellow text below the ad or search form in the latin myspace??
well i think i figured it out, look the difference:
-normal US myspace:
http://www.myspace.com/music3test
http://us.myspace.com/music3test
-normal latin myspace:
http://mx.myspace.com/music3test
http://latino.myspace.com/music3test
there is an annoying text in the latin version, i removed it with this;
div table td div div a{display:none !important; visibility:hidden;}
correct me if im wrong =), have a nice day
Love your page!!!
I appreciate your work a lot, thanks for all those codes and information! checkin your page frequently
but i got a little question, maybe you can help me out:
removing the maroon music navbar aint a problem... but is it possible to remove only that thin black line on its bottom? you got an idea?
Thanks so much - code to remove maroon bar did exactly that!
The only problem is it removed my edit profile screen on the band page and now I can't get in to edit anything.
Can anyone help please, I'm desperate!!
Thanks :)
are you using SAFE MODE.
It is very important to use safe mode, if you are going to use code to remove the maroon navigation bar.
Hello! Thanks so much for these codes! However, when I cut and paste the "Remove everything in Top Area EXCEPT ad banner, search and select" code it looks perfect on my page, but none of the links in the dropdown or the Google search work now. Any ideas what I did wrong? Thanks so much!!
It may be something I did wrong, or something that changed on myspace since I wrote this code.
I will test this again tonight, and post an update here.
Since the "Remove everything in Top Area EXCEPT ad banner, search and select" didn't work, I added it all back then added it back transparent except for maroon nav bar. It works great in FF and Safari and but not IE. The banner doesn't show up and the dropdown box is just floating there on its own. Not sure what else to try?
Thanks for any ideas you may have! Lisa
Sorry, forgot to add the page I'm working on. I just left another comment on the main band page blog about another problem. I'm so close now! Thanks!!
myspace/oldecellarband2
Hi-- This might be different, but I'm trying to KEEP my maroon MySpace nav bar. My problem is that each time I try to make my background a different color other than white, it makes most of the music nav bar that other color as well. Is there a code to bring the nav bar to the front? Or change its color back to maroon? Thank you!
--
My site is myspace.com/anderlucia. Thank you so much!
<style>
table td,
table table {background-color:transparent !important}
table.navigationBar {background-color:6698CB}
</style>
That removes the white without mucking up the maroon.
The maroon is applied at level
table
the white at level
table td
But if you did want to address the maroon bar you could do this:
div table {background-color: ...}
But I don't think this is needed.
My band's banner and image below the music navigation bar had doubled since the changes to the top area of myspace. I have removed it but I was wondering how I ad an image below that maroon music bar now?
wow! thanks
i have one more quick question... how do i change the [Music Myspace Maroon Logo](http://x.myspace.com/images/music_logo.gif) image's background color?
Actually i just want to replace the myspace music logo, with the myspace music logo image i edited with the background color that i wanted it to be in photoshop and i just want to place the image on top of the (http://x.myspace.com/images/music_logo.gif) link/image on my page!
http://www.myspace.com/randombeats88
Yea, I added the code to this article, check the top menu.
Now this is easier than before, as it is now the only use of the navbar class.
Ugh, theres a problem I cant figure out with my band's myspace. any help? http://myspace.com/secondstart
Hey there! These codes are incredibly helpful, so thank you for taking the time to post them. I am attempting to add a main banner/image at the top of my band profile, just between the nav bars and the beginning of the profile itself. The banner/graphic spans the width of my myspace, and with the new updates I am completely lost and do not know how to get it back.
Can you help?
myspace.com/bigsurrender
hey i really really need help because ive read everything but i still dont understand could you message me back http://www.myspace.com/oneseconddown thanks a bunch!!! i will give you my password to do it because that would probably be easier for you!
Really awesome stuff! Do you have any idea how to put transparent space above the banner ad? Really, I just want to move it down while still being part of the background like they've done here: http://www.myspace.com/pilotseason
thanks wil,
go here:
Click here
mr murphy,
Use this, and it will allow your banner to stretch, the width of the banner, even if the banner is wider than the top menus.
In your case, I checked the width of the banner, and it is only 800px wide:
Top Banner Code
Thanks for getting back to my previous post... I already sorta redesigned based on having a separate banner... is there a way to make that banner at the top transparent? so that the background below can show through?
I'm trying to get the logo on the left to not get cut off: http://www.myspace.com/endfootwear
Why make the banner transparent?
Just create the top margin (as if you were going to put a banner up there) and then don't put a banner up there.
This post has been removed by the author.
thanks! I just made cut off the left side of the banner and made it a PNG instead of JPEG, the background now passes under the banner on the left.
Now, I'm trying to adjust the column widths to be the same size but whenever I put in the code, I lose the banner... I tried a few different orders, ways of doing it and couldn't get the two sections of code to co-exist. Any ideas?
www.myspace.com/endfootwear
so some how in my editing of my band page i lost the ad on the top of the page, i'm a little scared about myspace deleting the profile because of this. how do you add back the top ad banner?
I tried the hide music nav code along with the simple band div overlay tutorial and it did remove the nav bar, but put back the upcoming shows.
hi, i have a top banner compose by a picture and a slideshow. you can see it here http://www.myspace.com/wwwmyspacecompuchamagre
but now my trouble is that when i include a code to separate right and left tables all becomes in a chaos. top banner disappear and appear inside friends table. the code i use to separate tables is:
..
.a {move left column}
object, embed,
table table table {position:relative; left:-100px;}
table table table table {position:static;}
.a {move right column}
td.text table {position:relative; left:90px;}
td.text object, td.text embed,
td.
text table table {position:static;} ..
can you help me please, excuse me and thanks, frank
Has anyone else noticed how images put at the very top of the page are now misbehaving? When you click onto a page with a banner at the very top (like here www.myspace.com/bombthebass), once the page is fully uploaded it seems to jolt, and drag the page down so the ad banner is always the first thing you see.
Tell me I'm not going mad, and others have noticed this. It's only been happening this last week or so...
i want to put up a banner under the maroon bar AND above the top ad.
is there a way? i tried with the generator thing and the pics were all over the placee.
haha thanks if u answer
oh oops scratch that.
i want 1 banner diretly below the ad (above the myspace bar thing)
and one just under the myspace bar (right above the formerly maroon bar)
um i've been trying this code out for like and hour and it doesn't seem to work, and it sony my bands myspace =(
all it does is just align and center up in the bio section. and the space a i needed is pushed down but the image does not show up
any ideas?
I really appreciate these codes, however, I'm having a lot of trouble. When I post a banner on top of the myspace page (music site), it causes other things to disappear (Comments, additional layouts, etc.)
I've been working on this thing for the last few days..REALLY FRUSTRATING! Can you please help us?
Thanks!
Perfect Vision Records
Hellooo Eileen. Thanks so much for all your hard work! Such an inspiration to see how good you are at this..
Anyway, I used the code to remove the myspace music (formerly maroon) bar on my band page and it is the first code for this that WORKS :). However, in Firefox it offsets the top navigation links and ad banner to the left, perhaps 50 pixels or so (only an estimate) so that no longer is centered above my head banner! Any fix for this?
Best Regards
//Aleah
trying to put a swf at the top of myspace profile im having trouble can anybody help?
Hi, Eileen! Your site has helped tremendously! Hopefully there is a quick fix for my issue if you could... On this band page, my banner image (1500px wide) seems to be too wide for the page to where the profile scrolls to the right with blank space. The right side of the banner is all there, but the left side is cut off. When I open it in FF, everything looks centered and great...until I scroll it to the right and get more banner image and a blank vastness in the profile section below it. I really hope my redundancy hasn't confused you... www.myspace.com/freereign Thanks!
Post a Comment
Due to Excessive Spam, I have turned on comment moderation.
Links to this post:
Create a Link
<< Home