Mira mi problema es el siguiente, tengo esto asi,
En la parte de abajo de cada imagen, quiero que sea un cuadrado de las mismas dimensiones de cada imagen que se pueda editar en joomla, como lo podria hacer ?
me gustaria que quedara asi, y que se puediera editar
y aqui os dejo el codigo del index.php
Código PHP:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<style type="text/css">
</style></head>
<body id="body_bg">
<table width="998" border="0" align="center" cellpadding="0" cellspacing="0" id="maintable">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="top_border_left"> </td>
<td class="top_border_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="300px" width="910px">
<param name="wmode" value="transparent" />
<param name="palette" value="background" />
<param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/header.swf" />
<param name="quality" value="best" />
<param name="play" value="true" />
<embed height="300" palette="background" pluginspage="http://www.macromedia.com/go/getflashplayer" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/header.swf" type="application/x-shockwave-flash" width="910px" quality="best" play="true" wmode="transparent"></embed>
</object></td>
</tr>
</table>
</td>
<td class="top_border_right"> </td>
</tr>
<tr>
<td class="sub_top_border_left"> </td>
<td class="sub_top_bg">
<div class="tpblock-head-inner" align="center">
<table table width="100%" border="0" cellspacing="0" cellpadding="0">
<div id="contenedor_flash">
<div id="coffe_img"></div>
<div id="tapas_img"></div>
<div id="drinks_img"></div>
</div>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="topmenu">
<?php mosLoadModules ( 'user3', -1 ); ?>
</div></td>
<td><div id="date">
<div align="right"><?php echo mosCurrentDate(); ?></div>
</div></td>
</tr>
</table>
</td>
<td class="sub_top_border_right"> </td>
</tr>
<tr>
<td class="maincontent_border_left"> </td>
<td class="maincontent">
<table width="150px" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if (mosCountModules('right') > 0) { ?> <!--ESTAva EN LEFT! -->
<td valign="top" class="left_table">
<div id="left">
<?php mosLoadModules ( 'left' ); ?>
</div>
</td>
<?php } ?>
<td valign="top" class="mainbody">
<table width="98%" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td><?php mosLoadModules ( 'user2' ); ?></td>
<td><?php mosLoadModules ( 'user1' ); ?></td>
</tr>
</table>
<div id="mainbody">
<?php mosMainBody(); ?>
</div><div id="banner">
<?php mosLoadModules( "banner", -1 ); ?>
</div></td>
<?php if (mosCountModules('right') > 0) { ?>
<td valign="top" class="right_table"><div id="right">
<?php mosLoadModules ( 'right' ); ?>
</div></td>
<?php } ?>
</tr>
</table></td>
<td class="maincontent_border_right"> </td>
</tr>
<tr>
<td class="footer_border_left"> </td>
<td class="footer_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="copyright">Copyright © <?php echo mosCurrentDate( '%Y' ) . ' ' . $GLOBALS['mosConfig_sitename'];?>. All rights reserved.</div></td>
<td><div id="bottom_links">
<div align="right"> Designed by <a href="#">#</a></div>
</div></td>
</tr>
</table></td>
<td class="footer_border_right"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
muchas gracias ! ^^