Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : sigerico 14 Feb 2011, 09:32:14

: inserire immagine nell'header
: sigerico 14 Feb 2011, 09:32:14

Buongiorno,
di seguito allego gli script relativi all'header del mio template (sito iltau.it) vorrei inserire nell'header un'immagine piccola (bandiera italiana del 150° anniversario) in alto a destra dell'header. Cosa devo scrivere e dove devo inserirlo?

Grazie dell'aiuto

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 934px;
  height: 100px;
  overflow: hidden;
}

div.art-header-png
{
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 934px;
  height: 100px;
  background-image: url('../images/header.png');
  background-repeat: no-repeat;
  background-position: left top;
}

div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 934px;
  height: 100px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

: Re:inserire immagine nell'header
: kuvier00 14 Feb 2011, 13:02:36

Puoi inserire dentro questo div: <div class="art-header-jpeg"></div> la tua immagine, per es:
<div class="art-header-jpeg"><img src="immagine.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>

Al posto di 10px come margine, mettici quello che calza meglio

: Re:inserire immagine nell'header
: sigerico 14 Feb 2011, 14:16:12

Ciao Kuvier00 e grazie della risposta,
ho caricato via FTP nell'indexphp del template l'immagine , ma non riesco a visualizzarla, ti allego il gruppo di script eevdienziato ciò che ho scritto io.
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<div class="art-header">
<div class="art-header-jpeg"><img src="images/bandiera italia.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>
    <div class="art-header-png"></div>
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Il Tau Guide turistiche[/url]</h1>
 <div id="slogan-text" class="art-logo-text">Massa e Carrara - La Spezia - Lucca - Firenze</div>
</div>

: Re:inserire immagine nell'header
: kuvier00 14 Feb 2011, 15:07:15

Sul sito non appare l'immagine (l'html è uguale a come era prima), sicuro di aver salvato il file prima di rimetterlo su via ftp?

: Re:inserire immagine nell'header
: sigerico 14 Feb 2011, 15:49:31

scusa ma io ho controllato la sorgente di pagina html del sito www.iltau.it e questo è lo script che trovo:
<div class="art-header">
<div class="art-header-jpeg"><img src="/images/bandiera italia.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>
    <div class="art-header-png"></div>
    <div class="art-header-jpeg"></div>
ora, io ho caricato via FTP la bandiera nella cartella images, il percorso è giusto?

: Re:inserire immagine nell'header
: kuvier00 14 Feb 2011, 16:30:14

Ok ora vedo il tag img, ma non carica l'immagine. Forse hai sbagliato percorso, hai messo l'immagine nella cartella images della root del sito? Potrebbe avere problemi con lo spazio, eliminalo (chiamalo bandiera.jpg per esempio)