Myspace - Add Mood to Overlay
  MySpace.com | Help | SignUp   
Powered by Google
Home  |  Browse  |  Search  |  Invite  |  Film  |  Mail  |  Blog  |  Favorites  |  Forum  |  Groups  |  Events  |  Videos  |  Music  |  Comedy  |  Classifieds
Post a reply to this Topic

Groups » bbz abraXus » Topics » Adding your Mood to your Overlay

Click here to go back to the BBZ/Katamari Myspace Code Index
Click here to try the Katamari Section Manager instead!
(if you dont want to have to read all of this)
Listing 1-1 of 1    1   of  1
Author Message


Instant Message
Send Message
Reply with this quote Reply to this Post Posted:  July 15, 2007 12:23 AM
OK - this is possible, but it's complex.... there are many things you need to take into consideration. The td of the view more pics/videos links have the same selector as the td of the mood stuff, so it's a bit tricky to get only the mood to display. The method i used in this example is by putting some padding between the two td's, and then using the contact table to cover the view pics/videos part that we dont want to display. So basicly, if you want to do this, you will need to position the mood in a place where you will be able to use one of your other divs to cover up

In this example, I wanted to also have the default picture display.

<style>
.a {make sure the profileInfo table is visible}
.profileInfo {display:inline !important; visibility:visible !important;}
.a {transparent background for the table}
.profileInfo *, .profileInfo {background-color:transparent !important;}
.a {hide the name and city info}
.profileInfo td.text {visibility:hidden;}
.a {ensure mood is all on one line and}
.profileInfo td td {white-space:nowrap;}
.a {add bottom padding to make things easier to cover vmp links}
.profileInfo td td {padding-bottom:40px;}
.a {position mood}
.profileInfo table {position:absolute; left:50%; top:10px; margin-left:-190px; margin-right:-190px;}
.a {position default pic}
.profileInfo td.text a img {visibility:visible; z-index:9; position:absolute; top:120px; left:50%; margin-left:-400px;}
.a {make sure navbar can be clicked}
.navbar {position:relative; z-index:9;}
<style>


In the next example, the default pic is hidden, so the code is a bit shorter.

<style>
.a {make sure the profileInfo table is visible}
.profileInfo {display:inline !important; visibility:visible !important;}
.a {transparent background for the table}
.profileInfo *, .profileInfo {background-color:transparent !important;}
.a {hide the name and city info}
.profileInfo td.text {visibility:hidden;}
.a {ensure mood is all on one line and}
.profileInfo td td {white-space:nowrap;}
.a {add bottom padding to make things easier to cover vmp links}
.profileInfo td td {padding-bottom:40px;}
.a {position mood}
.profileInfo table {position:absolute; left:50%; top:10px; margin-left:-190px; margin-right:-190px;}
.a {make sure navbar can be clicked}
.navbar {position:relative; z-index:9;}
<style>


Hopefully someone who works at myspace will see this and add some more classes to this new feature making it easier to add the mood to your overlay, because i really do like this new mood feature.

If you are going to try this tutorial, it is HIGHLY RECOMMENDED that you not try to just add it to the overlay you currently have, and instead start with a blank profile, getting this code working first.

I wonder how long it will be before chris steals this code too and puts it on his site, adds an !important somewhere and then claims to have created it himself like he does with pretty much all of my other tutorials......
Listing 1-1 of 1    1   of  1

Post a reply to this Topic

dspPostReplies - myspace_forums_post

About | FAQ | Terms | Privacy | Safety Tips | Contact MySpace | Report Abuse |   Promote! | Advertise | MySpace International
©2003-2007 MySpace.com. All Rights Reserved.
abraxus bbz katamari pimp myspace codes layouts tutorials code generators hide friends hide comments hide blogs hide network background overlay section manager bottom links about me hide orange bars search bar shortcuts scrolling calendar artist profiles