Ghirlandă Crăciun

Widget Ghirlandă Clasică de Crăciun (Top Border) Realizat de petre-vitan

Previzualizare ghirlandă (Licărire festivă fluidă în timp real):

ZONĂ CONȚINUT SITE

Codul sursă corectat de copiat pentru Blogspot:

<!-- ======================================================= --> <!-- GHIRLANDĂ CLASICĂ DE CRĂCIUN PENTRU MARGINEA DE SUS --> <!-- REALIZAT DE PETRE-VITAN --> <!-- ======================================================= --> <div class='petre-vitan-christmas-lights-container'> <ul class='petre-vitan-lights-rope'> <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> </ul> </div> <style> body { margin-top: 45px !important; position: relative !important; } .petre-vitan-christmas-lights-container { position: fixed !important; top: 0 !important; left: 0 !important; width: 100 !important; height: 40px !important; z-index: 9999999 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .petre-vitan-lights-rope { display: flex !important; justify-content: space-around !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border-bottom: 2px solid #222 !important; } .petre-vitan-lights-rope li { position: relative !important; width: 12px !important; height: 24px !important; border-radius: 50% 50% 50% 50%/40% 40% 60% 60% !important; box-sizing: border-box !important; flex-shrink: 0 !important; } .petre-vitan-lights-rope li::before { content: '' !important; position: absolute !important; background: #222 !important; width: 8px !important; height: 4px !important; top: -4px !important; left: 2px !important; border-radius: 2px 2px 0 0 !important; } .petre-vitan-lights-rope li:nth-child(4n+1) { background: #ff0000 !important; box-shadow: 0 5px 20px 3px rgba(255,0,0,.8) !important; animation: flash-rosu .8s infinite alternate !important; } .petre-vitan-lights-rope li:nth-child(4n+2) { background: #00ff00 !important; box-shadow: 0 5px 20px 3px rgba(0,255,0,.8) !important; animation: flash-verde 1.2s infinite alternate !important; } .petre-vitan-lights-rope li:nth-child(4n+3) { background: #0000ff !important; box-shadow: 0 5px 20px 3px rgba(0,0,255,.8) !important; animation: flash-albastru 1s infinite alternate !important; } .petre-vitan-lights-rope li:nth-child(4n+4) { background: #ffff00 !important; box-shadow: 0 5px 20px 3px rgba(255,255,0,.8) !important; animation: flash-galben 1.4s infinite alternate !important; } @keyframes flash-rosu { 0% { background: rgba(255,0,0,.2); box-shadow: 0 2px 5px rgba(255,0,0,.1); } 100% { background: #ff0000; box-shadow: 0 5px 22px 4px rgba(255,0,0,.9); } } @keyframes flash-verde { 0% { background: rgba(0,255,0,.2); box-shadow: 0 2px 5px rgba(0,255,0,.1); } 100% { background: #00ff00; box-shadow: 0 5px 22px 4px rgba(0,255,0,.9); } } @keyframes flash-albastru { 0% { background: rgba(0,0,255,.2); box-shadow: 0 2px 5px rgba(0,0,255,.1); } 100% { background: #0000ff; box-shadow: 0 5px 22px 4px rgba(0,0,255,.9); } /* Corectat din umbră neagră în albastră */ } @keyframes flash-galben { 0% { background: rgba(255,255,0,.2); box-shadow: 0 2px 5px rgba(255,255,0,.1); } 100% { background: #ffff00; box-shadow: 0 5px 22px 4px rgba(255,255,0,.9); } } </style>

🛠️ Cum se instalează ghirlanda clasică pe Blogspot:

1. Copiați scriptul făcând clic pe butonul Copiază Codul situat direct deasupra casetei de text.
2. Accesați panoul administrativ Blogger.
3. În meniul din stânga, faceți clic pe opțiunea Temă (Theme).
4. Apăsați pe triunghiul mic de lângă butonul portocaliu „Personalizează” și selectați Editați HTML (Edit HTML).
5. Faceți un clic în interiorul editorului de cod și apăsați scurtătura Ctrl + F.
6. Căutați tag-ul de închidere structurală </body>.
7. Lipiți codul copiat exact deasupra / înainte de această etichetă </body>.
8. Apăsați pictograma de Salvare (dischetă) din colțul din dreapta-sus al ecranului pentru a publica ghirlanda.