Back to top

Autore Topic: Aiuto intestazione e immagini!  (Letto 1538 volte)

Offline Mattiatn

  • Nuovo arrivato
  • *
  • Post: 22
  • Sesso: Maschio
    • Mostra profilo
Aiuto intestazione e immagini!
« il: 12 Mar 2010, 11:25:11 »
Aiuto! qualcuno mi sa spiegare come faccio a modificare l parte alta del sito (per intenderci dove esce la scritta joomla! con il relativo logo) con l'immagine che desidero?

E ancora...qualcuno mi sa spiegare come funziona l'estensione CSS Gallery?
grazie

Offline ilvanni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 7038
  • Sesso: Maschio
  • Giovanni Vacca
    • Mostra profilo
Re:Aiuto intestazione e immagini!
« Risposta #1 il: 12 Mar 2010, 15:38:04 »
Iniziamo col dire di mettere un link al tuo sito così da facilitare il lavoro di chi potrà aiutarti (chiaramente se il sito è online) e soprattutto specificare anche il template da te usato.

Offline Mattiatn

  • Nuovo arrivato
  • *
  • Post: 22
  • Sesso: Maschio
    • Mostra profilo
Re:Aiuto intestazione e immagini!
« Risposta #2 il: 12 Mar 2010, 17:18:02 »
Il problema è ke il sito è ancora in locale!
comunque il template è Feuerwehr_4_lernvid.com.

Offline dwd

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
Re:Aiuto intestazione e immagini!
« Risposta #3 il: 15 Mag 2010, 18:11:39 »
Anche io ho lo stesso template e vorrei cambiare il logo in alto a sinistra .
Qualcuno sà come fare ?

adottauncane

  • Visitatore
Re:Aiuto intestazione e immagini!
« Risposta #4 il: 15 Mag 2010, 19:00:15 »
Ciao Mattiatn e dwd,
per cambiare lo sfondo all'header, intervenite qui:
template.css (riga 43) - background-image:url("../images/header.jpg");
dando al nuovo sfondo lo stesso nome.
Codice: [Seleziona]
#masthead  {
background-color:#F3F3F3;
background-image:url("../images/header.jpg");
background-position:center top;
background-repeat:no-repeat;
height:150px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:980px;
}

per cambiare logo qui:
template.css (riga 53) background-image:url("../images/logo.gif");
dando al nuovo logo lo stesso nome.
Codice: [Seleziona]
#logo  {
background-image:url("../images/logo.gif");
background-repeat:no-repeat;
float:left;
height:120px;
margin-bottom:0;
margin-left:15px;
margin-right:0;
margin-top:15px;
width:120px;
}

variando eventualmente l'altezza e la larghezza sempre lì, a seconda della misura del vostro logo.

Per togliere le scritte (o cambiarle) nei Parametri del template (sulla destra)

Se posso consigliarvi una guida che vi svelerà molti misteri dei .css provate a leggervi questo:
Installa Firebug per Firefox.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file template.css

Buon lavoro!
« Ultima modifica: 15 Mag 2010, 19:15:20 da adottauncane »

Offline dwd

  • Nuovo arrivato
  • *
  • Post: 26
    • Mostra profilo
Re:Aiuto intestazione e immagini!
« Risposta #5 il: 15 Mag 2010, 20:10:12 »
Grazie della risposta molto bella e completa vi farò sapere come và .

ciao

Ciao Mattiatn e dwd,
per cambiare lo sfondo all'header, intervenite qui:
template.css (riga 43) - background-image:url("../images/header.jpg");
dando al nuovo sfondo lo stesso nome.
Codice: [Seleziona]
#masthead  {
background-color:#F3F3F3;
background-image:url("../images/header.jpg");
background-position:center top;
background-repeat:no-repeat;
height:150px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:980px;
}

per cambiare logo qui:
template.css (riga 53) background-image:url("../images/logo.gif");
dando al nuovo logo lo stesso nome.
Codice: [Seleziona]
#logo  {
background-image:url("../images/logo.gif");
background-repeat:no-repeat;
float:left;
height:120px;
margin-bottom:0;
margin-left:15px;
margin-right:0;
margin-top:15px;
width:120px;
}

variando eventualmente l'altezza e la larghezza sempre lì, a seconda della misura del vostro logo.

Per togliere le scritte (o cambiarle) nei Parametri del template (sulla destra)

Se posso consigliarvi una guida che vi svelerà molti misteri dei .css provate a leggervi questo:
Installa Firebug per Firefox.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file template.css

Buon lavoro!

 



Web Design Bolzano Kreatif