Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : cruzeiro 13 Dec 2010, 21:55:22
-
Ragazzi come faccio a posizionare un immagine in una precisa parte del sito?
Vi posto una foto, per farvi rendere l'idea. La posizione che mi interessa è quella evidenziata con le XXXX.
Vi posto anche il cosice del template:
</head>
<body>
<div class="PageBackgroundSimpleGradient">
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header" style="background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo rand(1,3) ?>.png)">
<div id="logo">
<jdoc:include type="modules" name="logo" style="" />
</div>
</div>
<jdoc:include type="modules" name="user3" />
<div class="contentLayout">
<div class="sidebar1">
<jdoc:include type="modules" name="left" style="artblock" />
</div>
<div class="content">
<?php if ($this->countModules('breadcrumb') || artxHasMessages()) : ?>
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="modules" name="breadcrumb" />
<jdoc:include type="message" />
<div class="block7">
<jdoc:include type="modules" name="user7" style="artblock" />
</div>
<div id="topmodules" class="spacer<?php echo $topmod_width; ?>">
<?php if ($this->countModules('user6')) : ?>
<div class="block6">
<jdoc:include type="modules" name="user6" style="artblock" />
</div>
<?php endif; ?>
<?php if ($this->countModules('user5')) : ?>
<div class="block5">
<jdoc:include type="modules" name="user5" style="artblock" />
</div>
<?php endif; ?>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
</div>
<div class="bandi">
<jdoc:include type="modules" name="bandi" style="artblock" />
</div>
</div>
<div class="sidebar1">
<jdoc:include type="modules" name="right" style="artblock" />
</div>
</div>
<div class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<jdoc:include type="modules" name="syndicate" />
<div class="Footer-text"><p>Copyright © 2009 - Comune di Motta San Giovanni.<br/>
Tutti i Diritti sono Riservati.</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<p class="page-footer">Designed by <a href="m">MA</a>.</p>
</div>
</body>
</html>
[allegato eliminato da un amministratore]
-
Ho modificato la tua index.php aggiungendo una posizione modulo dentro l'header.
Adesso scrivi una regola di questo tipo nel css:
#logo{
width:300px;
left:30px;
top:30px;
}che poi adatterai al tuo bisogno.
Infine inserisci il tuo logo in un modulo di tipo html personalizzato e pubblicalo nella posizione logo (scrivendo proprio logo nel box delle posizioni) ;)