cambiare immagine di testata

03-04-2015, 09.55.38

buongiorno a tutti, ho un piccolo problema con joomla:
io ho installato l'applicazione e ora la sto inizializzando ma ho un problema in quanto io sono un inesperto: come posso cambiare l'immagine di testata? il template è Beez_20 quello di default ma non so proprio come far a cambiare l'immagine.
qualcuno può gentilmente aiutarmi?
grazie mille a tutti coloro che mi aiuteranno

**studioing** · 04-04-2015, 19.20.02

vai su : estensioni- gestione template- clic su template che ti interessa- avanzate-logo- seleziona immagine-salva.

09-04-2015, 12.39.30

Alcune info utili se hai la versione 2.5:

Joomla viene attivato dal file index.php presente nella directory principale di joomla:

/joomla/index.php

Questo file non deve essere toccato. Esso recupera le configurazioni utente fatte da interfaccia grafica e determina il template usato. Se si utilizza quello di default beez_20, viene invocato a questo punto il file index.php nella directory:

/joomla/templates/beez_20/index.php

Questo file contiene il codice della struttura del sito secondo il template beez_20

Tutti i contenuti caricati da front end grafico (articoli, banner, menù, etc etc), in base a come vengono posizionati (scelta sempre fatta da funzionalità grafica), possono essere visualizzati nella struttura impostata da beez_20.

Per poter operare una personalizzazione occorre conoscere elementi di HTML, CSS e PHP.

In particolare la pagina è suddivisa mediante i tag <DIV> o meglio da tag <DIV Id="nome_classe_css"> o similari.

A grandi linee di default lo schema beez_20 è fatto così:

(scusate ma non riesco ad inserire l'immagine, potete vederlo da anteprima nel pannello di amministrazione)

Ogni riquadro è stato definito mediante appropriato codice nel file /joomla/templates/beez_20/index.php che contiene una serie di divisioni (DIV) a cui sono applicati stili appositi definiti nei vari files .css.

Ogni riquadro numerato è riconosciuto da un nome in joomla "position-numero" (es position-7).

Nel codice index.php, questa istruzione:

Codice:

<jdoc:include type="modules" name="position-1" />

ha come significato, mostra il contenuto di qualunque modulo che è stato dichiarato da esporre nella posizione-1. L'aspetto del modulo (che può essere un menù, un banner, etc etc) è funzione del css applicato in quel momento.

In base a dove è posizionato il codice jdoc:include si attiva lo specifico modulo. In altri termini ad esempio il riquadro 12 non è direttamente definito nel codice index.php. In tale pagina index.php viene creato l'apposito spazio (il box mediante istruzioni HTML <DIV>) e poi nella DIV apposita è inserito il jdoc:include position-12.

Alcuni interventi sulla struttura base

• togliere il tool di ingrandimento e riduzione carattere
• sostituire il logo joomla con quello del sito di interesse

Questi interventi devono essere fatti in più punti in alcuni files del template beez_20.

Eliminare l'oggetto dimensione caratteri

Esiste in index.php del template una sezione:

Codice:

<div id="fontsize">
                  
</div>

Richiama una definizione css fontsize.
Esiste in joomla un javascript che se incontra un DIV con id = "fontsize" fa apparire tale modulo.
Basta commentare tale div:

Codice:

<!—inizio commento in formato HTML
<div id="fontsize">
                  
</div>
Fine commento -->

<!—commento -->

Questa è la sintassi HTML per commentare il codice HTML.

Eliminare il logo di default di sfondo blu

Esso è un'immagine chiamata personal2.png. Si trova in:

/joomla/templates/beez_20/images/personal/ personal2.png

Il suo formato è dichiarato come template nel file:

/joomla/templates/beez_20/css/personal.css

alla sezione:

Codice:

.logoheader
{
	background:  #0c1a3e  URL(../images/personal/personal2.png) no-repeat bottom right ;
	color:#fff;
	min-height:200px;
	margin:0em 10px 0 10px !important;
}

Viene attivata dalla /joomla/templates/beez_20/index.php, nella dichiarazione della creazione del

Codice:

<DIV Id="logoheader">

…
   <body>
      <div id="all">
         <div id="back">
            <div id="header"> <!-- inizio header -->
               <div class="logoheader"> <!-- inizio logoheader -->
…

Come si vede la creazione dell'ultima divisione applica come stile la classe logoheader e quindi appare la gif di sfondo.

Si possono fare diverse tipologie di intervento per sostituire o eliminare il logo. Se ad esempio si intende applicare uno sfondo nero al posto della gif, o altra immagine è sufficiente creare una GIF di pari dimensioni e salvarla nel file system con lo stesso nome (sovrascrittura di personal2.png).

Oppure per eliminare completamente il logo e recuperare spazio, si procede eliminando la divisione "logoheader".

Si cancella completamente la seguente porzione di codice in /joomla/templates/beez_20/index.php

Codice:

<div class="logoheader">
                       <h1 id="logo">
               
                           <?php if ($logo): ?>
                           <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
                           <?php endif;?>
                           <?php if (!$logo ): ?>
                           <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
                           <?php endif; ?>
                           
                           <span class="header1">
                              <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
                              
                           </span>
                           
                       </h1>
               
</div>

Si elimina la classe stile .logoheader dal file /joomla/templates/beez_20/css/personal.css. Si mettono i commenti per l'eliminazione stile c++

Codice:

/*  eliminazione della classe logoheader
.logoheader
{

	background:  #0c1a3e  URL(../images/personal/personal2.png) no-repeat bottom right ;
	color:#fff;
	min-height:200px;
	margin:0em 10px 0 10px !important;

}
*/

Discussione: cambiare immagine di testata

LinkBack

Strumenti discussione

Display

cambiare immagine di testata

Regole di scrittura