Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. CMS & Piattaforme Self-Hosted
    5. Cambiare immagine header
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • A
      axel.93 User • ultima modifica di

      Cambiare immagine header

      Ciao a tutti, ho un blog su Blogger e volevo cambiare l'immagine dell'header.
      Ora, tenendo conto che non ho nessuna dimestichezza con il CSS, mi sapreste dire come fare?
      Grazie a tutti!:)

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • G
        gianlucamat ModSenior • ultima modifica di

        il modo più semplice se non sai come modificare i css è quello di aggiungere un'immagine attraverso la funzione *
        Modello --> Elementi pagina --> *Modifica l'intestazione

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • A
          axel.93 User • ultima modifica di

          Però in questo modo l'immagine non si adatta bene al modello...
          Invece modificando i css, come si potrebbe fare?
          Grazie

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • M
            m1979 Super User • ultima modifica di

            @axel.93 said:

            Però in questo modo l'immagine non si adatta bene al modello...
            Invece modificando i css, come si potrebbe fare?
            Grazie

            Perché non si adatta? Cosa succede?

            comunque, per le poche conoscenze che ho dei css, cerca:

            #header-wrapper {
            margin: 0;
            padding: 0;
            font: $pagetitlefont;
            background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div.gif) no-repeat 0px 0px;
            }

            margin: 0;
            padding: 25px 60px 35px 160px;
            color: $pagetitlecolor;
            background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom left;
            }

            in questa stringa sostituisci l'url tra parentesi (quella in rosso), con l'url della tua immagine:

            background: url(http://www.blogblog.com/tictac/top_div.gif)

            Per accentrare l'immagine modifica questa stringa:

            no-repeat 0px 0px;

            dove al posto dello zero in rosso devi mettere un numero, io ho verificato che il 40 va bene, ma fai delle prove.

            Per eliminare la barra verde devi togliere questa stringa:

            background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat

            Ripeto, non sono un esperto, magari c'è qualche altro metodo, ma io conosco solo quello, e ti ripeto, la cosa migliore è il metodo che ti ha suggerito gianlucamat!!

            :ciauz:

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • A
              axel.93 User • ultima modifica di

              @ m1979: con il metodo segnalatomi da gianlucamat la mia immagine risultava sfasata, era troppo a destra, rispetto al resto del modello..

              Comunque adesso provo il tuo metodo!
              Grazie ad entrambi!

              EDIT: modificando i css ha funzionato tutto!
              Adesso ho messo un'immagine momentanea finchè non completo quella che voglio mettere!:)

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              Caricamento altri post
              Rispondi
              • Topic risposta
              Effettua l'accesso per rispondere
              • Da Vecchi a Nuovi
              • Da Nuovi a Vecchi
              • Più Voti