Több kategória a főoldalon

function panels_twohead_6block_in_2col_panels_layouts() {
  $items['twohead_6block_in_2col'] = array(
    'module' => 'panels',
    'title' => t('Two splited header and 6 block in 2 column.'),
    'icon' => 'layouts/twohead_6block_in_2col.png', //Ezt csináld meg te
    'theme' => 'panels_twohead_6block_in_2col',
    'css' => 'layouts/twohead_6block_in_2col.css',
    'content areas' => array
    	(
    		'head_1_left' => t('Head 1 left'),
    		'head_1_right' => t('Head 1 right'),
 
    		'head_2_left' => t('Head 2 left'),
    		'head_2_middle' => t('Head 2 middle'),  
    		'head_2_right' => t('Head 2 right'),
 
    		'row_1_left' => t('Row 1 left'),
    		'row_1_right' => t('Row 1 right'),
    		'row_2_left' => t('Row 2 left'),
    		'row_2_right' => t('Row 2 right'),
    		'row_3_left' => t('Row 3 left'),
    		'row_3_right' => t('Row 3 right'),
    	),
  );
 
  return $items;
}
 
function theme_panels_twohead_6block_in_2col($id, $content)
{
  if ($id) {
    $idstr = " id='$id'";
  }
 
  $output = <<<EOT
<div class="panel-2head-6block-in-2col">	
	<div class="panel-col-left"><div>$content[head_1_left]</div></div>
	<div class="panel-col-right"><div>$content[head_1_right]</div></div>
 
	<div class="panel-col-first"><div>$content[head_2_left]</div></div>
	<div class="panel-col"><div>$content[head_2_middle]</div></div>	
	<div class="panel-col-last"><div>$content[head_2_right]</div></div>
 
  <div class="panel-col-left"><div>$content[row_1_left]</div></div>
	<div class="panel-col-right"><div>$content[row_1_right]</div></div>
 
	<div class="panel-col-left"><div>$content[row_2_left]</div></div>
	<div class="panel-col-right"><div>$content[row_2_right]</div></div>
 
	<div class="panel-col-left"><div>$content[row_3_left]</div></div>
	<div class="panel-col-right"><div>$content[row_3_right]</div></div>
</div>
<br class="panel-clearer" />
EOT;
  return $output;
}

<style>
	.panel-2head-6block-in-2col {
		border: 1px solid red;
		overflow: hidden;
	}
 
	.panel-2head-6block-in-2col .panel-col-left {
		float: left;
		width: 50%;
	}
	.panel-2head-6block-in-2col .panel-col-right {
		float: left;
		width: 50%;
	}
 
	.panel-2head-6block-in-2col div div {
		margin: .5em;
	}
	.panel-2head-6block-in-2col .panel-col-top,
	.panel-2head-6block-in-2col .panel-col-bottom {
		width: 100%;
		clear: both;
	}
	.panel-2head-6block-in-2col .panel-col-first {
		float: left;
		width: 33%;
	}
	.panel-2head-6block-in-2col .panel-col {
		float: left;
		width: 34%;
	}
	.panel-2head-6block-in-2col .panel-col-last {
		float: left;
		width: 33%;
	}
	.panel-clearer {
		clear: both;
	}
</style>