Immagine Header

[luca2013]

Buongiorno a tutti, questo è il mio sito http://www.areaspaziotest.altervista.org


Avevo già aperto una conversazione ma è stata risolta con un metodo che ora il cliente non vuole più, avevo inserito l'immagine che vedete nell'header con l'interfaccia del template Meembo-blue, utilizzando la posizione del "cerca", mi creava delle barre di scorrimento così ho dovuto ingrandire l'header con css, però mi lascia degli spazi sopra e sotto;
ora, il cliente non vuole quegli spazi perciò dovrei inserirli da css, qualcuno mi aiuta?
ho cercato negli altri post ma con scarsi risultati


Grazie mille
Luca

[$Red]

ciao, non sono espertissimo però non dovrebbe essere difficile
/templates/meembo-blue/css/template.css riga 293

Codice: [Seleziona]

#header {
    height: 223px; (qui imposti l'altezza come quella del logo cioè 170px)
    margin: 0 auto;
    overflow: auto;
    width: 1070px;
}
/templates/meembo-blue/css/template.css riga 305

Codice: [Seleziona]

#logo {
    color: #FFFFFF;
    float: left;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 4.4em;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 0.75em;
    margin: 0;
    padding-left: 35px; (questo lo imposti a 26px se l'immagine non è correttamente centrata con il menu)
    padding-top: 26px; (questo lo elimini)
}tieni un backup del file non modificato in caso volessi ripristinarlo, ti consiglio l'uso di firebug, se già non lo usi, per scovare i codici come in questo caso e fare i test al volo senza dover modificare piu volte il file

[luca2013]

Ti ringrazio per la risposta, ho impostato tutto come mi hai detto tu ma come vedi mi crea lo stesso la barra di scorrimento laterale..
nel css ho inserito la riga background-image con l'url ed è attiva anche l'immagine caricata con l'interfaccia
Grazie

[$Red]

hai ragione scusa quella nei test non l'avevo notata, non riesco nemmeno a trovare il codice magari qualcuno esperto legge e da la soluzione, intanto faccio qualche altro test con firebug magari trovo quale parte di codice va a crearla 

Edit: ok forse ci sono spero  alla riga 293 elimina anche overflow: auto;

[luca2013]

Perfetto!! Ti ringrazio davvero molto! ora funziona alla perfezione!
Posso chiederti ancora due cose? come riesco a dare a quell'immagine dell'header un link alla home? cioè se ci clicco  sopra mi porta alla sezione home?


e poi vedi sotto il testo che ho inserito sotto la slide? tra la fine del testo e i box chiavi, c'è uno spazio che lascia intravedere lo sfondo, come lo elimino?


Grazie mille sei davvero preziosissimo!
Luca

[$Red]

ciao scusa se ti rispondo un pò in ritardo, per lo spazio devi cercare questa regola e modificarla in bottom e margin

Codice: [Seleziona]

element.style {
  bottom: 8px;
  margin: 0 8px 9px;
  text-align: justify;
}per il link sul logo dipende come lo hai inserito perche la regola sul sito la vedo <a href="/">  [/url] se è un modulo html basta che vai a modificarlo clicchi sull'immagine e ci aggiungi il link nel campo url metti /

[luca2013]

non ti preoccupare! ma devo cambiare il codice sempre in css? perchè quella partiolare riga non la trovo..
L

[$Red]

sinceramente con firebug non riesco ad individuare il file su cui è scritta la regola, prova ad aggiungerla al template.css aggiungendo !important

Codice: [Seleziona]

element.style {
  bottom: 0px;
  margin: 0 0px 0px;
  text-align: justify;!Important
}

[luca2013]

Grazie! ci provo, spero di riuscirci, però ti faccio sapere tra un pò perchè quello spazio potrebbe andare bene al cliente e l'unico modo per saperlo è attendere la sua risposta.
nel frattempo ti ringrazio!
Luca

[adottauncane]

Ciao luca2013,
prova ad aggiungere questo al fondo del file template.css

Codice: [Seleziona]

.custom {margin-bottom:-10px;}
@$Red

Codice: [Seleziona]

element.style
è scritto in linea e non è modificabile... Non è nemmeno riferito in modo univoco ad un solo elemento. Devi sempre cercare il css giusto e, se non c'è scriverlo.
In questo caso il css che ho scritto non è il massimo, perché cambierà il margin di tutti i custom.
Bisognerebbe provare a vedere se sia possibile aggiungere un Suffiso classe modulo e scrivere il css solo per quel custom.

[$Red]

ciao adottauncane, scusa la mia ignoranza cosa vuol dire "è scritto in linea"? grazie mille buone feste 

[adottauncane]

Sì, non è un granché come definizione... Diciamo richiamato dal DB, è il css che viene scritto a video, non esiste nei fogli css, ma può essere generato dal .php o dall'editor. Più o meno. 

[$Red]

avevo immaginato fosse generato da altre regole css e dal php mai a pensare anche il db, grazie adottauncane non sai quante cose ho imparato dai tuoi post sopra tutto sui css  grazie ancora

[adottauncane]

Grazie... Ma non ti fidare troppo, vado un po' a orecchio...