[RISOLTO] Template Beez2 su Joomla 1.7 Problemi con l'Header

[uriel70]

Ciao a tutti!


Vi scrivo per chiedervi un aiuto!
Sto utilizzando il template beez2 su joomla 1.7.


Mi piacerebbe cambiare la foto dell'header con una creata da me.
Per fare questo sono andato nella cartella beez2-->images-->personal-->personal2.png e ho sostituito la foto con la mia.
Naturalmente ho mantenuto le stesse proporzioni 1060x288 px.
La cosa che non riesco a fare è la dimensione del file. Quello originale pesa 20 Kb mentre il mio ne pesa 70 e mi taglia l'immagine. http://fitaction.altervista.org/fitaction/


Come posso risolvere il problema? E'possibile aumentare da qualche parte il peso della foto?
Oppure, è possibile aumentare la dimensione dell'header fino a quando non appare la mia foto intera?
Ho provato tutti i software di photo editing per cercare di arrivare alla dimensione di 20 kb, ma non ci sono riuscito:((


Ringraziandovi in anticipo per la gentilezza e disponibilità, vi auguro la buona notte:DD


Ciao Uriel:DD

[allegato vecchio più di un anno eliminato da un amministratore]

[adottauncane]

Ciao uriel,
per alzare il contenitore qui:

Codice: [Seleziona]

.logoheader {    background: url("../images/personal/personal2.png") no-repeat scroll right bottom #0C1A3E;    color: #FFFFFF;    margin: 0 10px 0 !important;    min-height: 288px;}personal.css (riga 94)

Non ho capito la faccenda del peso della foto...

[uriel70]

Ciao:D e grazi mille per la risposta velocissima:DD


Il file personal2.png originale è di 20 kb! Mentre quello creato da me è di 70 kb.
...siccome non ho nessuna conoscenza di css o di php, ho pensato che questo problema fosse dipeso dalla dimensione del file, tutto qua:)


Ti chiedo anche un altra cosa?
Quale css debbo modificare per aumentare la larghezza e altezza del logo joomla? La sua dimensione è 255x50? Mi piacerebbe farne uno mio più grande e lasciare lo sfondo blu.

[adottauncane]

Ah, capito. No il "peso" non c'entra con la visualizzazione, solo con il tempo di caricamento. Quindi comunque è meglio se le immagini siano leggere.

Dunque, adesso il logo Joomla non c'è. Vorresti mettere il tuo lì dov'era e fare uno sfondo blu? (Togliendo l'immagine che hai messo adesso e sostituendola con un background-color?) Fallo, fai il marchio nella misura che vuoi e chiamalo come il quello che c'era. Poi guardiamo, le modifiche forse sono più di una.

[uriel70]

Ciao e grazie ancora per la disponibilità:DD


Rispondendo alla tua domanda, Si! Vorrei mantenere lo sfondo blu e poi cambiare il logo a mio piacimento.
Ho provveduto a fare il logo in formato png trasparente con le stesse dimensioni delll'header (1060x288).
Se vuoi dare un occhiata http://fitaction.altervista.org/fitaction/
mi appare questa strana cosa.
Da precisare che il mio file è in formato png, mentre quello del logo joomla è in formato gif!
Ho provato a salvare il mio logo in formato gif ma l'immagine perde di qualità.
Fammi sapere cosa ne pensi:DDD


Grazie e buona giornata

[adottauncane]

Be, mi sembra OK. Adesso o togli il blu scuro di background o togli l'immagine...

.logoheader {
    background-color: #0C1A3E; <------------
    background-image: url("../images/personal/personal2.png"); <-----------

    min-height: 288px;}personal.css (riga 94)

e poi regoli l'altezza.

[uriel70]

...Ce l'ho quasi fatta:DDD
Cosa ne pensi http://fitaction.altervista.org/fitaction/



ho un altra domanda:)
sta notte ho provveduto ad azzerare il bordo bianco in alto sostituendo la parte di codice #all #header{padding-top:8.0em;
}   nel personal.ccc riga 91 con questa #all #header{padding-top:0.0em;
}.  E funziona benissimo.


Ho trovato questa cosa sul sito http://www.cmsmind.com/joomla-beez-20-template-where-is-header-image-customize-template/


adesso invece, se lascio il logo lo spazio bianco mi rimane, mentre se tolgo il logo lo spazio si azzera.
Ho sbagliato qualche cosa?

[adottauncane]

Be, dipende da come lo vuoi...
Se vuoi eliminare lo spazio bianco azzera o togli i padding e i margin qui (puoi togliere anche l'altezza) così:

Codice: [Seleziona]

h1#logo {    font-family: 'Titillium Maps',Arial;    font-weight: normal;    margin-top: 0;    text-transform: uppercase;}personal.css (riga 105)

Codice: [Seleziona]

#logo {    display: block;    font-size: 3em;    font-weight: normal;    line-height: 1em;    margin-top: 0.6em;}position.css (riga 194)

[uriel70]

Credo di aver commesso qualche errore:(


Ho modificato prima il file personal.css riga 105


ecco come mi appare:



h1#logo
{
      font-family: 'Titillium Maps',  Arial;
      text-transform:uppercase;
      font-weight:normal;
      margin-top:0;
}


Poi ho modificato il position.css riga 194 e mi appare cos'



#logo
{         
        display:block; 
        font-weight:normal;
        line-height:1em;
        font-size:3em;
}


sicuramente ho sbagliato da qualche parte. Perché lo spazio si è ridotto di poco.
...anche se potrebbe andare benissimo com'é:DDDD

[adottauncane]

Mmmm, non so come ti appare ma fai un refresh della pagina... Il bordo bianco sopra non c'è più. Non è così che lo vuoi?

[uriel70]

Sisi! ora è a posto:DDD
Prima ho provato a fare il refresh 2 volte e non me lo cambiava, ora lo fa:DD
...le gioie e le meraviglie dell'informatica:DDDD


Grazie dinuovo, grazie per la pazienza:DD


Siccome l'apetito vien mangiando ti chiedo un'altro consiglio.
...E se volessi sostituire il mio header con uno slideshow? Sarebbe troppo complicato per le mie conoscenze? Immagino si debba far puntare il modulo slideshow da qualche parte nell'index.php?oppure da qualche parte nel css?


almeno renderò il mio sito un pò più "mobile":DDD

[adottauncane]

Cercherei una bella slide tra le estensioni e la pubblicherei in una posizione appropriata. Adesso non ricordo se l'header ha una posizione... Se non c'è puoi aggiungerla.
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F
Va bene anche per la 1.7.

Però ricorda che normalmente un problema un topic... 

Chiudi questo con [RISOLTO] e se hai altre domande, apri un nuovo topic con un titolo appropraito. Grazie mille.

[uriel70]

Grazie mille, ancora!