Autore Topic: Immagine sopra header nella index.php (Letto 2907 volte)

hoguera · « **il:** 17 Apr 2009, 01:33:29 »

Ciao,
potrebbe apparire irragionevole ma avrei bisogno di inserire una o più immagini nella index.php del template, la o le immagini dovrebbe stare sopra l'header,dovrei centrare l'immagine e farla o farle puntare ad un link. Il formato immagine è png con sfondo trasparente.
Il codice poniamo per ipotesi che sia questo:

<img src="file://C:/Users/ADMIN/Desktop/mw_joomla_logo.png" width="298" height="75" alt="logo" border="0" align="" />
Mi aiutate ?
Grazie

hoguera · « **Risposta #1 il:** 17 Apr 2009, 02:48:24 »

Ciao,
per centrare l'immagine questo può andare?

<table width="100%" height="10%" border="0">
<tr>
<td valign="middle" align="center"><img src="file://C:/Users/ADMIN/Desktop/mw_joomla_logo.png" width="298" height="75" alt="logo" border="0" align="" /></td>
</tr>
</table>

hoguera · « **Risposta #2 il:** 17 Apr 2009, 03:00:12 »

Ciao,
qui ho provato a far puntare l'immagine al link:

<body>
<table width="100%" height="10%" border="0">
<tr>
<td valign="middle" align="center"><img src="mw_joomla_logo.png" width="298" height="75" alt="logo" border="0" align</a/></td>
</tr>
</table>
</body>

Se volessi inserire due immagini o tre ?

conti1 · « **Risposta #3 il:** 17 Apr 2009, 03:14:46 »

ciao
prima di tutto xche apri 3 post consecutivi quando puoi continuare a scrivere nel primo visto che nessuno ta risposto.
allora cerca di essere un po più chiaro di quello che vuoi fare ,
se vuoi mettere uno sfondo nel tuo template ,non conoscendo il template che usi normalmente si agisce tramite css sensa dover mettere mano nel php .
2 spiegati meglio quando dici + immagini, ma x + immagini intendi che si cambiano in automatico?
oppure dare la possibilità agli utenti di scieglere loro lo sfondo?
comunque se cerchi qui nel forum ci sono gia le soluzioni x tutte e due le soluzioni .
mettere un link del sito sarebbe più facile aiutarti ,in alternativa almeno il nome del template. ps il link che hai messo nel primo post e il tuo sito? xche to gia spiegato se non errro come dovevi fare.

hoguera · « **Risposta #4 il:** 17 Apr 2009, 11:31:40 »

Ciao Conti1,
si è vero che già mi hai spiegato per l'immagine o il colore di sfondo, in realtà grazie alle tue indicazioni ( e pazienza) ho capito e risolto.
Quello che vorrei fare adesso è inserire nella parte superiore dello sfondo una o più immagini( immagini che staranno sopra
l'header) le immagini devono puntare ad un link del sito o ad un link esterno. se non devo toccare l'index.php del template che è Rhuk-Milkyway come agisco sul css ?
Scusate per i 3D consecutivi...
Grazie

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

conti1 · « **Risposta #5 il:** 17 Apr 2009, 15:01:17 »

allora segui quello che ti dico di fare altrimenti ti perdi
non so come si comporta nel tuo xche hai gia 3 pulsanti fuori nel header.
vabbe comunque devi aggiungere questo pezzo di codice nel html io lo fatto x 4 immagini se sono troppe togli una.
pezzo da insarire ne html

copia tutto quello che vedi dopo la </p>
e lo metti esattamente sotto quel tag </p>

Codice: [Seleziona]

<div class="center" align="center">
    </p>
<div id="banner0">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" id="0">
        <tr>
          <td width="25%"><div id="banner1">
            <jdoc:include type="modules" name="banner" style="rounded" />
  </div></td>
          <td width="25%"><div id="banner2">
            <jdoc:include type="modules" name="banner" style="rounded" />
  </div></td>
          <td width="25%"><div id="banner3">
            <jdoc:include type="modules" name="banner" style="rounded" />
  </div></td>
          <td width="25%"><div id="banner4">
            <jdoc:include type="modules" name="banner" style="rounded" />
  </div></td>
        </tr>
          </table>

ora vai nel css chiamato template.css

e ci copi questo css

Codice: [Seleziona]

#banner0 {
padding-left:117px;
padding-right:117px;
}
#banner1 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner2 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner3 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner4 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

le immagini le metti nella cartella immages del template e cambi solo il nome dell'immagine nel css.

risultato

dimenticavo metti il css anche in ie altrimenti non funziona
cerca questo
ieonly.css
e inserisci tutto il css

Codice: [Seleziona]

#banner0 {
padding-left:117px;
padding-right:117px;
}
#banner1 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner2 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner3 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

#banner4 {
background:transparent url(../images/mw_header.png) no-repeat scroll 0 0;
height:83px;
}

hoguera · « **Risposta #6 il:** 17 Apr 2009, 15:10:33 »

Grazie per ora,
vedo di provarlo subito,
x i tre pulsanti no problem devo inserirli in un modulo e da quella posizione spariscono.

Autore Topic: Immagine sopra header nella index.php (Letto 2907 volte)

hoguera

Immagine sopra header nella index.php

hoguera

Re: Immagine sopra header nella index.php

hoguera

Re: Immagine sopra header nella index.php

conti1

Re: Immagine sopra header nella index.php

hoguera

Re: Immagine sopra header nella index.php

conti1

Re: Immagine sopra header nella index.php

hoguera

Re: Immagine sopra header nella index.php