Please help Me - PHP Layout Modification

Hey Guys,

Im currently using the RSGallery2 module for my Joomla site, but need to make a modification to the templates layout.

Currently my gallerys are displayed in a list style, example: http://www.mileycyrus-online.co.uk/miley-cyrus-photos

But i want my gallery categories to be displayed in a thumbnail column style layout, example: http://www.mmoghetto.com/index.php?option=com_rsgallery2&Itemid=91

This is the code for this section of the template, however i have absolutely no idea what i need to change to acheive my desired layout. Would anybody 'please please' make the change for me, or point me in the right direction please.

<?php
//Show limitbox
if( $this->pageNav ):
?>
	<div class="rsg2-pagenav-limitbox">
		<?php echo $this->getGalleryLimitBox(); ?>
	</div>
<?php
endif;

foreach( $this->kids as $kid ):
?>
<div class="rsg_galleryblock">
	<div class="rsg2-galleryList-status"><?php echo $kid->status;?></div>
	<div class="rsg2-galleryList-thumb">
		<?php echo $kid->thumbHTML; ?>
	</div>
	<div class="rsg2-galleryList-text">
		<?php echo $kid->galleryName;?>
		<span class='rsg2-galleryList-newImages'>
			<sup><?php if( $this->gallery->hasNewImages() ) echo _RSGALLERY_NEW; ?></sup>
		</span>
		<?php echo $this->_showGalleryDetails( $kid );?>
		<div class="rsg2-galleryList-description"><?php echo $kid->description;?>
		</div>
	</div>
	<div class="rsg_sub_url_single">
		<?php $this->_subGalleryList( $kid ); ?>
	</div>
</div>
<?php
endforeach;
?>
<div class="rsg2-clr"></div>
<?php
if($this->gallery->id == 0){

	// show random and latest only in the top gallery 
	
	//Show block with random images 
	$this->showImages("random", 3);
	//Show block with latest images
	$this->showImages("latest", 3);
}
if( $this->pageNav ):
?>

<div class="rsg2-pageNav">
	<?php echo $this->getGalleryPageLinks(); ?>
	<br/>
	<?php echo $this->getGalleryPagesCounter(); ?>
</div>
<div class='rsg2-clr'>&nbsp;</div>
<?php endif; ?>

Code (markup):

I would appreciate it so much. Thank you for your time.

Andrew

 

give the following class some css styling:

/* css */
.rsg_galleryblock {
  float: left;
  width: 50%;  /* or however wide you would like the div */
}

Code (markup):

... not tested, but looks like it would work. it might need a bit more formatting to look pretty.

 

Thanks a lot for that. it certainly made a difference.

Would you know how to move the thumbnails so they are in columns? for example, id like to display the gallers in rows of 3 thumbnails...