Decorazioni 
Autore: Luigi Dell'aquila
Visite 971,
Followers 2,
Condiviso 0
Buongiorno
come si inseriscono le decorazioni (in alto le palline e in basso gli abeti) come in questo sito?
Grazie
Postato il
sono due div posizionati fissi in alto e in basso , guarda qui:
... infatti, ... proprio i classici DIV_CUSTOM proposti da Icm nel 2009 nel vecchio forum, la base di tutti i miei esperimenti ed invenzioni...
...
.
Autore
Allora vediamo se ho capito.
Al passo 1 Impostazioni, vado a Statistiche, Seo e Codice. Clicco sulla cartella Codice e inserisco nella proprietà del tag Body il seguente codice. Giusto?
Grazie
<style>
body {
overflow-x: hidden;
}
#natale-topsito {
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
width: 100%;
height: 103px;
background-color: transparent;
background-image: url("percorso URL/immagine_sopra.png");
background-position:top;
background-repeat:repeat-x;
}
#natale-bottomsito {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 1000;
width: 100%;
height: 62px;
background-color: transparent;
background-image: url("percorso URL/immagine_sotto.png");
background-position:top;
background-repeat:repeat-x;
}
</style>
<div id="natale-topsito"></div>
<div id="natale-bottomsito"></div>
Autore
Naturalmente senza scrivere Body all'nizio (nel copia e incolla mi è rimasto)
Autore
Provato e funziona. Bisogna inserirlo "Dopo l'apertura del tag HEAD"
Grazie a tutti
...ma tu hai il programma, (che io non ho), quindi potresti farlo senza codici con le opzioni già disponibili...
Autore
KolAsim: Se l'immagine la incollo nel header o Footer si vedrà soltanto quando questi sono visibili (header e footer). Con lo scrolling della pagina non si vedono, invece nel codice c'è "position: fixed;".
Forse non ho capito quello che mi hai detto?
https://www.piccolefollie.eu/
... putroppo non ho il programma per verificare, ma mi pare forse puoi il fisso con lo sfondo della pagina...
... invece qui vedi il mio > DIV_CUSTOM di due lustri fa; con un copia/incolla ottieni le due barre...
Autore
Grazie Kolasim.
Comunque se vedi il sito del link che ho postato, ho incollato il precedente codice e funziona.
...!... non va bene, ti genera errore nella lettura del codice...!...
... il tag <style>***</style> lascialo pure dov'è in head; ma in genere gli extra si mettono prima di /head...
... invece rimuovi questo <div id="natale-bottomsito"></div> ... e mettilo prima della chiusura del tag /body...
...
... col mio codice, con style in linea, invece basta un solo copia/incolla nel /body...
ciao
Autore
Grazie Kolasim.
L'ho sostituito col tuo DIV_CUSTOM modificando due parametri "height:62px; background: transparent"
... ho visto, ...adesso è OK ...
...
Autore
Ho visto che se vai nella pagina https://www.piccolefollie.eu/le-nostre-foto.html la decorazione viene coperta dalle foto, come posso inserire nel DIV CUSTOM la "position:top"?
Grazie
nel tuo codice aggiungi lo z-index cosi:
{
position: fixed;
z-index: 10;
bottom: 0px;
width: 100%;
height: 62px;
background: transparent url('https://www.piccolefollie.eu/doc/img/img_sotto.png');
}
... nel DIV_CUSTOM aggiungere lo "z-index:10", e se non bastasse il 10, mettere il 10000 o superiore...
... quindi il codice attualmente usato, e adesso rivisto, diventerebbe per esempio questo:
<div id="bottomK" style="position: fixed;bottom:0px;width:100%;height:62px;background: transparent url('https://www.piccolefollie.eu/doc/img/img_sotto.png');z-index:100"></div>
.
Autore
Perfetto! Grazie KolAsim e Mirko Boschetti