Inserire un'immagine centrale nell'header

Se stai imparando a costruirti il tuo template qui trovi consigli e risposte ai tuoi dubbi sull'HTML

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Re: Inserire un'immagine centrale nell'header

Messaggioda Alexiel » 10 febbraio 2012, 20:42

Il codice
Codice: Seleziona tutto
#intro {
background-repeat: no-repeat !important;
background-position: center !important;
background-image: url('URL');
}

funziona nel centrare l'immagine. Quello che hai postato tu non funge perché non è applicato a "intro". La prossima volta puoi copiare il codice inserendolo nel tag code?
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Inserire un'immagine centrale nell'header

Messaggioda Alexiel » 10 febbraio 2012, 20:59

Per centrare la descrizione del blog vai in admin > amministra > configura blog > impostazioni generali. Seleziona la descrizione e clicca sull'iconcina apposita.
Per il titolo ancora non riesco a far fungere nulla, anche se le classi sono quelle. Boh.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Inserire un'immagine centrale nell'header

Messaggioda viaggiatore83 » 11 febbraio 2012, 0:49

hmmm... è un pò complicato a quanto pare... ma non esiste una guida semplice ed essenziale alla sintassi di questo CCS?? io già a fatica avevo imparato qualcosa di HTML per i template...

Ad ogni modo facciamo un sondaggio: può andare il blog con l'intestazione è l'immagine allineata a sinistra o fa proprio schifo? XD
http://bassweiss.iobloggo.com/
viaggiatore83
inesperto
inesperto
 
Messaggi: 23
Iscritto il: 3 febbraio 2012, 15:53
Indirizzo blog: bassweiss.iobloggo.com

Re: Inserire un'immagine centrale nell'header

Messaggioda Alexiel » 11 febbraio 2012, 1:04

A mio avviso nel copiare il codice che ti ho dato non c'è molto di complicato, e neppure nel centrare il testo dall'amministrazione.
Comunque per conoscere tutte le classi del CSS che vengono utilizzate dai template del wizard basta andare in template > gallery > designer e scaricare il pacchetto "sviluppo CSS".
Le guide al CSS te le ho linkate già, ma siccome sono buona riscrivo il link: http://css.html.it/
:D
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Inserire un'immagine centrale nell'header

Messaggioda viaggiatore83 » 11 febbraio 2012, 12:00

Fino ad ora non abbiamo centrato il nostro scopo :)
A questo punto anche il titolo del post non è esaustivo, perchè a centrare un'immagine non è troppo complicato, e banalmente anche allineare al centro un testo. La chiave era anche soltanto inserire anche soltanto una sorta di "rientro" a tutto il blocco che potrei chiamare "casella del titolo", che in un secondo momento può ospitare un'immagine.

Ad ogni modo, grazie per il sostegno 8)
viaggiatore83
inesperto
inesperto
 
Messaggi: 23
Iscritto il: 3 febbraio 2012, 15:53
Indirizzo blog: bassweiss.iobloggo.com

Re: Inserire un'immagine centrale nell'header

Messaggioda Alexiel » 11 febbraio 2012, 12:26

viaggiatore83 ha scritto:Fino ad ora non abbiamo centrato il nostro scopo :)

Volevi centrate l'immagine e il testo. Ti ho detto come fare, tranne che per il titolo, che non riesco ancora a farlo andare dove dico io. Non sono un'esperta di CSS ma mi sembra di aver risolto 2/3 del problema :)

viaggiatore83 ha scritto:A questo punto anche il titolo del post non è esaustivo

Evidentemente non avevi chiaro cosa volevi, quando hai scelto il titolo... :?

viaggiatore83 ha scritto:a centrare un'immagine non è troppo complicato, e banalmente anche allineare al centro un testo

Eppure ci sono voluti vari tentativi per riuscire a farlo. Personalmente, ho creato un nuovo template e fatto tutte le prove del caso, per darti una mano al riguardo :D I miei metodi sono sempre molto empirici :D

viaggiatore83 ha scritto:La chiave era anche soltanto inserire anche soltanto una sorta di "rientro" a tutto il blocco che potrei chiamare "casella del titolo", che in un secondo momento può ospitare un'immagine

Una cosa del genere (Arunka correggimi se sbaglio) prevede il poter accedere all'html. Cosa che col template che hai non puoi fare :roll:

viaggiatore83 ha scritto:Ad ogni modo, grazie per il sostegno 8)

Prego :D
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Inserire un'immagine centrale nell'header

Messaggioda arunka » 11 febbraio 2012, 13:21

Ho la soluzione più semplice di tutte: si chiama "il metodo di arunka per l'header che non fa quello che voglio io"

apri il programma che hai usato per modificare la foto:
crei un foglio delle dimensioni 770px x 500px, ci incolli nel mezzo la tua foto e applichi il testo nella posizione che più ti aggrada. A questo punto inserisci l'intera foto nel wizard come hai fatto fin'ora.

il css non è semplicissimo se non lo si conosce.
Il wizard è fatto per chi non lo conosce e non ha troppe pretese di fare il supertemplatedell'anno.
Ora, probabilmente quello che chiedi è semplicissimo (perchè sia io che alexiel coi nostri template di prova che abbiamo creato appositamente per aiutarti ci siamo riuscite) ma siccome tu hai modificato molte cose nel wizard, dovremmo entrare con il tuo account, nel tuo template e sistemarlo manualmente. Però, onestamente, non ne abbiamo troppa voglia.

La mia soluzione funziona al 100% è semplice, è pratica, e non implica l'aiuto mio e di Alexiel nè l'uso del css, che ripeto non essere difficile da imparare, ma sistemarlo a caso senza conoscerlo (come un po' nel tuo caso) è impossibile cavarci un ragno dal buco.

Alexiel ha scritto:
viaggiatore83 ha scritto:La chiave era anche soltanto inserire anche soltanto una sorta di "rientro" a tutto il blocco che potrei chiamare "casella del titolo", che in un secondo momento può ospitare un'immagine

Una cosa del genere (Arunka correggimi se sbaglio) prevede il poter accedere all'html. Cosa che col template che hai non puoi fare :roll:


si potrebbe fare, se le classi facessero il loro dovere. con padding-left o margin-left applicate al div giusto, nel css.
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Precedente

Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron