Back to top

Autore Topic: Come posizionare un immagine sul sito?  (Letto 1516 volte)

Offline cruzeiro

  • Esploratore
  • **
  • Post: 144
    • Mostra profilo
Come posizionare un immagine sul sito?
« il: 13 Dic 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:
Codice: [Seleziona]
</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 &copy; 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]
« Ultima modifica: 13 Dic 2010, 23:26:44 da tonicopi »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Come posizionare un immagine sul sito?
« Risposta #1 il: 13 Dic 2010, 23:30:08 »
Ho modificato la tua index.php aggiungendo una posizione modulo dentro l'header.
Adesso scrivi una regola di questo tipo nel css:
Codice: [Seleziona]
#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)  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

 



Web Design Bolzano Kreatif