Aiuto per inserire progetto tratto da "codepen" 
Autore: Massimo C.
Visite 546,
Followers 3,
Condiviso 0
ciao a tutti, ho trovato un elemento per il sito web di un associazione di donatori di sangue che gestisco che vorrei utilizzare sul mio sito.
si trova a questo link https://codepen.io/RominaMartin/pen/OJVdvRm
ho contattato la ragazza che ha generato il progetto per chiederle innanzitutto l'autorizzazione, ma è assente dai social da circa due anni e non ho contatti. Nella pagina ci sono i codici HTML, CSS e JS per far funzionare il progetto, ma inserendo il tutto in un "oggetto HTML" di webiste, non funziona, si vede solo il testo.
Qualcuno sa e vuole darmi una mano? Grazie, come sempre
Postato il
Buongiorno Massimo,
di base quando un progetto è messo su siti come CodePen viene messo a disposizione della community. L'importante è citare le fonti, così da aiutare l'autore a crescere e invogliarlo a fare altri "codici" ma anche ulteriori utenti che desiderano integrare lo stesso oggetto nel loro sito.
Nel tuo caso non puoi integrarlo direttamente in WebSite X5 in quanto usa SCSS e PUG e sfortunatamente i nostri progetti / oggetti HTML ancora non li supportano.
Tuttavia puoi riscrivere il codice convertendoli. Sperando di fare una cosa apprezzata, l'ho riscritto per te.
Link: https://codepen.io/stiac/pen/oNPrOeW
Adesso puoi inserire i codici direttamente in un oggetto HTML:
Autore
ciao Gabriele,
innanzitutto un grazie gigante per il lavoro che hai fatto. Il progetto però non funziona e credo che sbaglio col file java script.
Gli assegno un nome generico "bllod_content.js" ma non funziona, l'immagine resta statica. Devo dare un nome preciso al file .js?
Autore
https://www.works1.eu/PROVE/pagina-7.html
Il link della pagina di prova
Figurati! Sì, di base quando lo script non funziona è perché non viene allegato correttamente nel progetto. Tuttavia ti confermo che funziona: https://gebher.com/preview/code/oNPrOeW/index.html
Ti consiglio di allegare direttamente lo script all'interno del codice con il tag dedicato:
<script>
codice qui
</script>
Così a occhio, per un piccolo fix al CSS visto che noto gli elementi decentrati, puoi inseire questo:
<style>
.bar {
position: inherit !important;
right: -33px !important;
top: -40px !important;
}
.main_bag .blood::before {
left: 0;
}
</style>
Autore
perfetto!!!! grazie mille Gabriele. Funziona tutto
Di nulla!