Gestire la grandezza dell'intestazione e togliere i bordini che la circondano

lunedì, gennaio 11, 2010




Ros mi chiedeva in un commento come è possibile gestire l'immagine dell'intestazione.
Si tratta di una cosa semplice e veloce, come sempre richiede un minimo di attenzione...non modificate l'htlm del blog mentre preparate un succulento arrosto...meglio concentrarsi un secondo, si tratta solo di un paio di minuti.

Il percorso:
  • personalizza
  • modifica htlm
  • ctrl+f
  • nella striga di ricerca digitare "#header-wrapper {"
  • immediatamente sotto c'è il valore 660px che è la larghezza dell'intestazione
  • modificarla in base alle vostre esigenze
  • fare sempre anteprima prima id salvare

Io consiglio di togliere le cornicette che ci sono sempre in automatico, quando viene usata un'immagine è più carino toglierle.
Nella porzione di codice indicata sopra c'è la seguente stringa "border:1px solid $bordercolor;" che andremo a trasformare così: "border:none"
Poco sotto troverete "#header" e anche qua cambiamo in "border:none;"

Riassumendo...alla fine il vostro htlm dovrebbe essere così:

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:none;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header {
  margin: 5px;
  border: none;
  text-align: center;
  color:$pagetitlecolor;

Spero di essermi spiegata bene, in caso contrario sono a disposizione

You Might Also Like

12 scarabocchi

  1. ciao,Azzurra!!carino il nuovo vestitino del tuo blog ;))buona settimana,cara^;^baci baci

    RispondiElimina
  2. ciao elisabetta!
    grazieeeee!
    buonissima settimana!
    smak smak
    azzurra

    RispondiElimina
  3. Sei proprio brava Azzurra, e le spiegazioni molto esaurienti!

    Buona serata.

    RispondiElimina
  4. grazie per tutte le "cosette" che ci insegni.adoro il tuo blog.buona serata

    RispondiElimina
  5. ciao sirio!
    molto piacere!
    felice di conoscerti!
    ....
    macchè brava!!!!!!!!
    cerco solo di rendermi utile nel mio piccolo....
    :)
    nottenotte
    azurra

    RispondiElimina
  6. buona searta anche a te alessandra...in realtà prevedo una solenna ronfata questa notte!
    ahahhahhahah
    smak smak
    azzurra

    RispondiElimina
  7. Grazie Azzurra! Sono riuscita a centrare la mia foto, eh eh

    RispondiElimina
  8. :)
    felice di esserti utilie!
    bacione
    azzurra

    RispondiElimina
  9. Azzurra ho usato anche questo suggerimento ;)

    RispondiElimina
  10. :)
    bravissima!
    hai fatto bene!
    un bacio
    buona serata
    azzurra

    RispondiElimina
  11. Ciao Azzurra...con il nuovo aggiornamento non riesco a trovare la stringa a cui ti riferisci... l'unica cosa che si avvicina a quella stringa è
    header-inner .Header .titlewrapper {
    padding: 22px $(header.padding);

    è qui che devo modificare in numero 22???
    Grazie mille

    RispondiElimina
    Risposte
    1. Ciao Nicoletta, capisco la tua difficoltà...
      allora...precisamente cosa vuoi fare?
      :)
      Scrivimi e-mail
      azzurra

      Elimina

Grazie della visita e del tuo commento...♥♥♥
è un piacere leggervi!
Sorrisone!
:)

Nota. Solo i membri di questo blog possono postare un commento.

Circa Grafic Scribbles








modificare foto

Paperblog : le migliori informazioni in diretta dai blog

Mr.Webmaster


Motori ricerca

SEO


BlogItalia.it - La directory italiana dei blog

siti
sito internetBlog d'argento



Ebuzzing - Top dei blog - Blog creativi


Visite

eXTReMe Tracker

Views

© 2011 - 2016 Grafic Scribbles, AllRightsReserved.. Powered by Blogger.

on line