Suprapunere site de Crăciun

Decor Subsol Crăciun Animat cu Sănie și Elfi Realizat de petre-vitan

Previzualizare animație subsol (Simulare peisaj cu elfi în mișcare):

Codul sursă de copiat:

<!-- ======================================================= --> <!-- DECOR SUB-SOL CRĂCIUN ANIMAT CU SĂNIE ȘI ELFI --> <!-- REALIZAT DE PETRE-VITAN --> <!-- ======================================================= --> <img class="xmas-selfuni" src="https://maps.gstatic.com/mapfiles/santatracker/v201612140703/scenes/dorf/img/easteregg-unicycle.svg" /> <img class="xmas-selfsled" src="https://maps.gstatic.com/mapfiles/santatracker/v201612140703/scenes/dorf/img/easteregg-snowmobile2.svg" /> <img class="xmas-sssanta" src="https://maps.gstatic.com/mapfiles/santatracker/v201612140703/images/village_2x.gif" /> <img class="xmas-ssxmasoverlay" src="https://i.imgur.com/lRVIrQB.png" /> <style> .xmas-selfuni, .xmas-selfsled, .xmas-sssanta, .xmas-ssxmasoverlay { position: fixed !important; bottom: 0px; pointer-events: none; } .xmas-ssxmasoverlay { left: 0px; width: 100vw; height: auto; z-index: 99990; } .xmas-sssanta { bottom: -10px !important; left: 50vw; width: 120px; margin-left: -60px; z-index: 99991; } .xmas-selfuni { height: 55px; z-index: 99992; animation: xmas-slide 20s linear infinite; } .xmas-selfsled { height: 42px; z-index: 99993; animation: xmas-slide-right 14s linear infinite; } @keyframes xmas-slide { from { left: -10vw; } to { left: 110vw; } } @keyframes xmas-slide-right { from { right: -10vw; } to { right: 110vw; } } @media (max-width: 768px) { .xmas-ssxmasoverlay { height: 45px; object-fit: cover; } .xmas-sssanta { width: 80px; margin-left: -40px; bottom: -5px !important; } .xmas-selfuni { height: 35px; } .xmas-selfsled { height: 28px; } } </style>

🛠️ Cum se instalează decorul pe Blogspot:

1. Copiați scriptul din casetă făcând clic pe butonul Copiază Codul.
2. Accesați panoul principal de control din Blogger.
3. Navigați în meniul din stânga și faceți clic pe opțiunea Temă (Theme).
4. Apăsați pe săgeata mică situată lângă butonul „Personalizează” și selectați Editați HTML (Edit HTML).
5. Faceți un clic oriunde în editorul de cod deschis și apăsați comanda Ctrl + F.
6. Scrieți în bara de căutare tag-ul </body> și apăsați Enter.
7. Lipiți codul copiat din casetă chiar deasupra / înainte de eticheta </body>.
8. Faceți clic pe pictograma în formă de dischetă (Salvare) din colțul din dreapta-sus pentru a publica modificările pe blog.