Need help to customize the default page

Mar 3, 2012 at 12:17 AM

Hello,

Please help me customize the default page.

1. how do I do that? where do I edit it?
2. I would like to get 5 random categories and display 10 random posts for each category.
    Display box should looks something like this:

 

 

	<!--BEGIN OF BOX #1-->
		<div class="postbox">
	<h1 class="widgettitle"><a href="http://www.freshthemes.com/demo/newstube/category/world/">World</a></h1>
		<div class="boxleft">
					  		<h2 class="normal"><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/trumpeting-catalan-on-the-big-screen/" rel="bookmark">Trumpeting Catalan on the Big Screen</a></h2>
		  		<span class="date">Mar. 12</span><span class="gray"> | </span>Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget  laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel  placerat purus... <span class="readmore"><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/trumpeting-catalan-on-the-big-screen/" rel="bookmark">Read more &raquo;</a></span>
		  	   
		    <ul>
		    			      		<li><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/pakistan-army-digs-in-on-turf-of-the-taliban/" rel="bookmark">Pakistan Army Digs In on Turf of the Taliban</a></li>
		      			      		<li><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/twin-suicide-attacks-hit-military-sites-in-pakistan/" rel="bookmark">Twin Suicide Attacks Hit Military Sites in Pakistan</a></li>
		      			      		<li><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/tight-iraq-race-deepens-splits/" rel="bookmark">Tight Iraq Race Deepens Splits</a></li>
		      			      		<li><a href="http://www.freshthemes.com/demo/newstube/2010/01/12/cost-of-stadium-reveals-tensions-in-south-africa/" rel="bookmark">Cost of Stadium Reveals Tensions in Africa</a></li>
		      			      		<li><a href="http://www.freshthemes.com/demo/newstube/2009/06/12/hello-world/" rel="bookmark">The First Post of A WordPress Blog</a></li>
		      	   
		    </ul>
		</div> <!--end: boxleft-->
		<div class="boxright">
		  			  		
<a href="http://www.freshthemes.com/demo/newstube/2010/03/12/afghan-tribal-rivalries-bedevil-a-u-s-plan/" rel="bookmark"> <img src="http://www.freshthemes.com/demo/newstube/wp-content/themes/newstube/includes/timthumb.php?src=http://www.freshthemes.com/demo/newstube/wp-content/uploads/2010/03/61.jpg&amp;h=120&amp;w=295&amp;zc=1" alt="Tribal Rivalries Bedevil a U.S. Plan" /> </a>
		  		<h2><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/afghan-tribal-rivalries-bedevil-a-u-s-plan/" rel="bookmark">Tribal Rivalries Bedevil a U.S. Plan</a></h2>
		  		<span class="date">Mar. 12</span><span class="gray"> | </span>Curabitur at est vel odio aliquam fermentum in vel tortor. Aliquam eget laoreet metus. Quisque auctor dolor fermentum nisi imperdiet vel placerat purus convallis. Fusce et risus... <span class="readmore"><a href="http://www.freshthemes.com/demo/newstube/2010/03/12/afghan-tribal-rivalries-bedevil-a-u-s-plan/" rel="bookmark">Read more &raquo;</a></span>
					</div> <!--end: boxright-->	 
		<div class="clear"></div>
		</div> <!--end: postbox-->
		<!--END OF BOX #1-->

This means I need somehow access every post details by its arrat for example Post[0].Title.



Please help

thanks