Moving Blog and Music Player, Band Profiles |
![]() ![]() |
Moving Blog and Music Player, Band Profiles |
Aug 23 2009, 05:25 PM
Post
#1
|
|
|
Member ![]() ![]() Group: Member Posts: 21 Joined: Jul 2009 Member No: 735,396 |
Hey guys I was wondering if anyone can help me move my blog to the left side like this band:
http://www.myspace.com/thetransfer also I want to center the music player on the banner like this band: http://www.myspace.com/heamongus when i slice the banner, how do i put the music player there? do i leave a blank spot? write back please :] |
|
|
|
Aug 24 2009, 05:05 AM
Post
#2
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
To position the Latest Blog Entry table around, try this code:
CODE <style> .latestBlogEntry {position:absolute; top:#px; left:50%; margin-left:#px; z-index:9;} </style> Replace the top and margin-left pound symbols with appropriate values until it's where you want it. |
|
|
|
Aug 25 2009, 08:05 PM
Post
#3
|
|
|
Member ![]() ![]() Group: Member Posts: 21 Joined: Jul 2009 Member No: 735,396 |
here is a problem the blog layer overlaps everything else
http://img19.imageshack.us/img19/7168/asdzc.jpg |
|
|
|
Aug 26 2009, 07:25 AM
Post
#4
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
That's simple. Just remove the table's background. Try this code instead:
CODE <style> .latestBlogEntry {position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; background:none;} </style> See if that works. |
|
|
|
Aug 26 2009, 08:49 PM
Post
#5
|
|
|
Member ![]() ![]() Group: Member Posts: 21 Joined: Jul 2009 Member No: 735,396 |
can i put a background image right behind it?
since i have no background now |
|
|
|
Aug 27 2009, 03:10 AM
Post
#6
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Sure. Replace that code with this:
CODE <style> .latestBlogEntry { position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:9; background-image:url("URL"); background-repeat:no-repeat; background-positioni:center;} </style> Replace URL with the url of the image you want to set as its background. Replace the pound symbols on the height/width attributes with how big or small you want the Latest Blog Entry table to be. This is so you can control how far the background goes. Change the top and margin-left values like you did before. |
|
|
|
Sep 12 2009, 10:34 PM
Post
#7
|
|
|
Member ![]() ![]() Group: Member Posts: 21 Joined: Jul 2009 Member No: 735,396 |
Hey guys I updated the page new graphics and all that fun stuff,
but I need a code to help me move the music player into the black box in the banner, also the myspace music bar is kinda coming outside the banner, is there any code to remove it? that and the search bar on top its blocking the band name :[ here is the site www.myspace.com/lqhj take a look and help me out please! |
|
|
|
Sep 13 2009, 03:06 AM
Post
#8
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Try my code to move the music player around. There is no way to hide the MySpace Music navigation bar, but you can always make it go under your top banner. Look for this in your codes and play around with the underlined numbers below:
CODE <style> .profileWidth table { margin-bottom:800px; width:1000px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:1000px; height:941px; position:absolute; top:0; left:50%; margin:0px 0px 0px -500px; </style> Make sure those two numbers are the same but don't remove the minus sign on the second one. As for the search bar, it's not showing for me. In fact, your top banner is hiding everything at the top. |
|
|
|
Sep 13 2009, 04:28 AM
Post
#9
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 253 Joined: Jul 2009 Member No: 739,898 |
Save your banner image as a .png the 'H' and the '?' bits look rotten.
.png will keep the quality but still make it transparent. |
|
|
|
![]() ![]() |