Buonasera a tutti
mi sono appena iscritto e spero di non errare la sezione per la mia richiesta.
Ho il seguente problema/esigenza:
Ho realizzato un sito utilizzando un template "precotto2, modern_new per joomla 1.5.
Il codice html del template è il seguente:
<?php
/*
Joomla templates by Joomladesigns.co.uk
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<script language="javascript">
function resize()
{
var immagine = document.getElementById("logo.png");
immagine.style.width = document.body.clientWidth;
immagine.style.height = document.body.clientHeight;
}
</script>
<jdoc:include type="head" />
<!--[if lte IE 6]>
<style type="text/css">
#main_body ul li { behavior: url(<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/iepngfix.htc) }
</style>
<script defer type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/js/pngfix.js"></script>
<![endif]-->
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/js/fx_styles.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/js/accordion.js"></script>
<?php
// *************************************************
//
// Template Parameters
//
// *************************************************
$h1 = $this->params->get("logo");
$linked_h1 = ($this->params->get("logoLinked", 1) == 0)?"false":"true";
$h1_title = $this->params->get("logoTitle");
$h2_motto = $this->params->get("logoMotto");
// Please do NOT change this unless you know what you doing.
$template_path = $this->baseurl.'/templates/'.$this->template; // template path
$default_font = "default";
// **************************************************
?>
</head>
<body>
<div id="top">
<div id="top">
<div id="title">
<h1 id="logo"><img src="<?php echo $template_path;?>/images/logo.png" alt="your Logo" title="" border="0" /></h1>
<?php if($h1=='image') { ?>
<?php if($linked_h1) { ?>
<?php } else { ?>
<h1><img src="<?php echo $template_path;?>/images/yourlogo.png" alt="your logo" title="your logo" border="0" /></h1>
<?php } ?>
<?php } else if ($h1=='text') { ?>
<?php if($linked_h1) { ?>
<a href="index.php">
<h1><?php echo $h1_title; ?></h1>
</a>
<?php } else { ?>
<h1><?php echo $h1_title; ?></h1>
<?php }?>
<h2><?php echo $h2_motto; ?></h2>
<?php } ?>
</div>
<?php if ($this->countModules( 'user3' )) : ?>
<div id="menu"><div id="uls"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
<?php endif; ?>
</div>
</div>
</div>
<div id="body_top">
<div id="body_bot">
<div id="content">
<div id="main">
<div id="left_col">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php if($this->countModules('left and right')) : ?>
<div id="main_content">
<?php if ($this->countModules( 'banner' )) : ?>
<div id="banner"><jdoc:include type="modules" name="banner" style="raw" /></div>
<?php endif; ?>
<div id="main_body">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<div id="right_col">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php else : ?>
<div id="main_content2">
<?php if ($this->countModules( 'banner' )) : ?>
<div id="banner"><jdoc:include type="modules" name="banner" style="raw" /></div>
<?php endif; ?>
<div id="main_body2">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<?php endif; ?>
<div class="both"><!-- --></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © <a href="http://www.robertomosso.it">Roberto Mosso & Partners p.iva 09789700011
</a> 2009 website <br />
</p>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>
ora, il mio problema è il seguente, il file LOGO.PNG, vorrei potesse ridimensionarsi con le varie risluzioni dello schermo che si trovano in giro,, ovvero con la larghezza dinamica del browser con cui viene aperto il sito.
Quale stringa devo includere nel codice?
Il logo attualmente l'ho inserito SOPRA alla grafica del template, quindi probabilmlente esce fuori dalla sezione dell'header e non rientra nnella "casella" predisposta...è possibile fare in modo che si ridimensioni automaticamente con la finestra?
pur rimanendo FUORI dalla struttura? perchè vorrei che andasse a coprire tutto l'header di sfondo.
Altrimenti, come ridimensionare la casella contenitrice della sezione "logo"?
