Help - Search - Members - Calendar
Full Version: Putting blog and calander beside each other?
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
notalex
Hi, I was wondering how this Myspace band site put their blog (news) and calender (upcoming shows) together http://www.myspace.com/lessthanjake

I'm also wondering if there are any tutorials on implementing div coding onto a regular site rather than one big div layout, I'm new at this. Thank you!
Mickey
Use this to move your blog entry list:
CODE
<style>
{!-display and position blogs-!}
table table table.latestBlogEntry {display:block; !important;}
table table table.latestBlogEntry {position:absolute; top:250px; _top: 250px; left:50%; margin-left: -400px;}

{! size to the width you have available -!}
table table td.text table.latestBlogEntry, table table td.text table.latestBlogEntry td {width:370px !important;}

{!-sizing for consistency-!}
table.latestBlogEntry td {font-size:11px; line-height:13px; height:14px; padding:0px; margin:0px;}
table.latestBlogEntry br {line-height:11px;}

{!-coloring and borders for blogs-!}
table.latestBlogEntry {background-color:transparent!important}
table.latestBlogEntry td {background-color:transparent!important;}
table.latestBlogEntry span.btext {color:white;}
table.latestBlogEntry a {color:56051d; font-size:10px;}
</style>

Use this to move your calendar:

CODE
<style>
table table td.text div {position:absolute; width:485px; height:200px; overflow:auto; overflow-x:hidden; text-align:left; top:500px; _top:500px; left:50%; margin-left:-40px;}
</style>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.