bdill
03-03-2007, 05:47 PM
I am a print graphic designer for 11 years now and want to put together advanced myspace pages for some clients. I am no guru with HTML by any means. My question is: While doing a DIV overlay, can I design the WHOLE thing in front page and then copy and paste? I have done this so far:
http://www.myspace.com.beautyshot
but I can't figure out how to get the comments and friends section worked into my design. I want to allow for the friends and comments to be visible on top of my designs. These guys are doing what I would like to do: http://www.bandspaces.com . Anybody? Do I have to be a CSS guru or can Frontpage do this alone.
webgyrl
03-04-2007, 09:12 PM
Brian,
That layout looks very nice! I'd love to know how you did that. How did you cover up the MySpace back? Did you just put your HTML code on top and what section did you put it in?
As for bringing back the friends and comments, this too is something I have wondered about. If you cover over everything, how do you get it back?
I found this snippet of code in my travels today, maybe it can help you.
Adding friends/comments back? Do not do this if you are not very good with CSS because deleting the wrong thing can make the entire layout not work! However, if you wish to add friends and comments back, simply add this right before the </style> tag in your css:.comments{display:inline !important; overflow:auto; position:absolute; z-index:9; background-color:XXXXXX; width:XXXpx; height:XXXpx; top:XXXpx; margin-left:XXXpx;left:50%}
table table .comments table,table table table .comments td.text {display:inline !important}
.comments img, .comments td {visibility:visible !important}
table table td.text table{visibility: visible !important}Adjust XXXXXX in the above code for background color, width, height, and position. Text and other properties can also be adjusted by adding tags after .comments in the CSS (like .comments .orangetext15{color:white}.
Damoose
03-04-2007, 09:24 PM
Just wanted to say that I have done the same thing as you ( http://www.myspace.com/mafiacyborg ) but I had to just merely link to these pages as I found no way of laying them over the top of the code.
actualllyyyy... thinking about it..
maybe try
.comments {visibility:visible;z-index:3}
webgyrl
03-04-2007, 09:25 PM
Your profile looks great!
How did you do the div overlay part. What is the code used to cover over the old MySpace profile?
Excellent work!
Damoose
03-04-2007, 11:55 PM
http://www.myspaceprodesigns.com/tutorial/div/
That site helped me so so so much! :D
webgyrl
03-05-2007, 01:53 AM
http://www.myspaceprodesigns.com/tutorial/div/
That site helped me so so so much! :D
Thank you!
I wish i could figure out how to do this div overlay for band profiles like Bandspace.com does them. It's so cool, but it seems the approach is totally different to regular profiles.
Damoose
03-05-2007, 12:22 PM
Thank you!
I wish i could figure out how to do this div overlay for band profiles like Bandspace.com does them. It's so cool, but it seems the approach is totally different to regular profiles.
Their sites are indeed amazing, but they all are based around the ideas expressed on the site I posted, just they reposition the existing elements of the myspace profile, where in my case I choose to hide them..