-
.|Ye|.
.User deleted
L'header e il logo
Argomento Correlato: -
È bene dedicare un argomento a parte per quanto riguarda l'header, salvo evitare incomprensioni di carattere abnorme.
Non è da confondere con l'head, che rappresenta tutt'altra parte del nostro foglio HTML e che in questa circostanza non ci riguarda.
Non è da confondere con l'header che immaginate voi, lungo il 100% e posizionato al vertice della pagina.
Regola invece il logo che opportunamente si inserisce in Grafica > Logo, ma lo fa in un caso particolare. Esso infatti rappresenta la cornice, nonché il contenitore che fa da sfondo al logo effettivo.Le due versioni del logo
Per capire meglio è utile spiegarti che, nel nuovo layout, è possibile scegliere tra due versioni cui si presenterà il logo: la prima è il semplice logo ad immagine e la seconda è appunto il logo con cornice.
Per scegliere uno piuttosto che l'altro devi recarti su Grafica > Logo dal menu di amministrazione e spuntare o meno la casella con su scritto " Togli cornice: ". La differenza sta di fatto nell'uso o meno di una cornice.Semplici Tricks
Per identificare la cornice che contiene il logo puoi servirti del selettore .headerCODICE.header {}
modificando a piacimento i campi. Grazie all'uso di CSS3 sarà possibile ottenere effetti interessanti.
Per editare la scritta che compare sopra l'header è opportuno utilizzare il seguente selettore:CODICE.header span {}
modificando a piacimento i campi.
Per nascondere invece la scritta è necessario inserire:CODICE.header span {visibility: hidden}Importante! Per modificare il testo della scritta si deve andare in Amministrazione > Sito Web > Nome e dominio.
Per spostare il logo all'interno della cornice puoi utilizzare:CODICE.header h1 {background-position: VALORE% VALORE%}
in ordine asse orizzontale e asse verticale rispetto la cornice.
In caso di logo ad immagine senza cornice, il selettore sarà .logo e comprenderà per l'appunto un'immagine.
Lezione Precedente - Lezione Successiva 
. -
+1 .
Salve, in un forum abbiamo messo questo codice (nuovo layout) per ottenere un header che prenda tutta la pagina CODICE<div style="height: 300px; background-color: #ffffff">
Ma non è la prima volta che succede che dopo un po' l'header invece di venire a piena pagina, rimane spezzato solo in base alla lunghezza del logo, come mai fa così? Si può risolvere in qualche modo?
Ho provato a piazzare deidi chiusura in più punti del codice in cima al forum ma non cambia nienteCODICE</div>.
Lezione 3Header e logo |
Web