Css html5 sfondo 
Autore: Alessio D.
Visite 877,
Followers 2,
Condiviso 0
Buongiorno
Questa volta ho una domanda piuttosto difficile,
Come installare uno sfondo del genere sul proprio sito web?
https://codepen.io/acauamontiel/pen/mJdnw
https://codepen.io/shamim539/pen/LKgpOr
Grazie a tutti, buona giornata
Postato il
Buongiorno Alessio
Essendo che si parla di effetti custom molto specifici che si possono ottenere solo con l'implementazione di codice apposito, purtroppo lo Staff non può fornire supporto a riguardo e ti consiglierei quindi caldamente di porre lo stesso quesito in un topic pubblico.
Sicuramente il codice è implementabile, in quanto il software accetta praticamente qualsiasi tipo di codice web. Per assistenza sulla sua implementazione però, dovrai obbligatoriamente fare riferimento ad un professionista esterno
Grazie per la comprensione
Stefano
Autore
Buonpomeriggio Stefano,
Grazie per la risposta, in effetti ho sbagliato a non metterlo pubblico, si può spostare il topic?
Ad ogni modo di che tipo di sfondi si parla? CSS o Java, provo a capire un pò di cosa si tratta, magari trovo qualche tutorial su youtube per capire come inserirlo, ma prima ho bisogno di capire di cosa si parla e quali parole chiave ricercare :)
Alessio
Autore
C è nessuno? :-)
... dipende da te; ... se sei in grado di replicare gli effetti in un pagina html custom a se stante, avresti già fatto un gran passo avanti per capire...
... in questo caso, sarebbe poi possibile usare il mio metodo con DIV_CUSTOM+IFRAME per semplificare il tutto...
... comunque, anche se io non ho il programma(!), da quel che vedo, il secondo LINK è semplicissimo e ti basta un semplice Oggetto Codice HTML, nella cui scheda HTML incollare il codice DIV, e nella cui scheda Esperto/CSS incollare il codice CSS, esattamente come da istruzioni, escludendo però, secondo me(!), i riferimenti al BODY...
... basta provare...
.
in effetti:
http://provews.altervista.org/prova/
il primo link invece (molto simile) io lo uso già nel mio sito personale:
https://www.impianti-elettrici-boschetti.it/
per il secondo (quello che uso io), vedi allegato con istruzioni...
per il primo, spulcia il codice della mia prova...
Autore
Grazie per le risposte, purtoppo non ho nessun tipo di esperienze con i codici
Ho provato ad inserire il codice che Mirko mi ha passato, ma immaggino che io debba caricare da qualche parte i file css e jss. Ho provato ad inserire come mi ha detto mirco (senza caricare i due file, perchè non so dove caricarli)
prima della chiusura del tag Body:
<div id="wrapper">
<div id="main">
<!-- VISUALIZZAZIONE DELL'EFFETTO -->
<canvas id="background" width="1280" height="600"></canvas>
<!-- Header -->
</div>
</div>
Quello che mi piacerebbe fare è mettere l'effetto ( https://codepen.io/acauamontiel/pen/mJdnw )solo nella prima parte del sito, questa per intenderci:
https://prnt.sc/109n2w2
Come posso fare? Carico solo il codice o devo caricare anche i file? Se si dove?
Ciao mirko è possibile avere lo zip della tua prova? http://provews.altervista.org/prova/
Mi correggo l'iwzip per importarlo.
oltre al mio codice, esporta le 2 cartelle che ti ho dato (css e js) nella root del sito e funziona tutto...
eccolo...
sappi che ho la Pro però...
però fai cosi:
Mirko sei proprio un grande. Ho dovuto seguire le istruzioni del txt in quanto come mi avevi preannunciato il iwzip è creato con la 21 mentre io ho ancora la pro20.3. Grazie di cuore Mirko. Correggimi se sbaglio: posso applicare l'effetto ad uno o più pagine giusto? L'importante è che nella rooth del template ci siano i due file JS e CSS giusto? Per il resto grazie tantissimo.
Autore
Perdonami Mirco, mi rendo conto che non ho le conoscenze necessarie quindi ti chiedo un approfondimento
- Come faccio ad esportare le cartelle? (Ho la versione Pro)
- Quello che mi piacerebbe fare è mettere l'effetto ( https://codepen.io/acauamontiel/pen/mJdnw )solo nella prima parte del sito (non in tutta la pagina), qui per intenderci:https://prnt.sc/109n2w2
Grazie in anticipo :)
... secondo le mie indicazioni iniziali il programma non c'entra, e se fai come detto sarebbe semplicissimo con il mio metodo indicato, ...ma ovviamente devi essere in grado tu di fare quello che ti avevo detto seguendo le indicazioni della fonte, e quando lo avrai fatto, postare qui il LINK del tuo effetto indipendente, ed il LINK della pagina in cui vuoi inserirlo; ...alla fine risolveresti immediatamente con un solo copia/incolla...
.
Autore
Scusami KolAsim potreti spiegarti meglio?
Ti riferisci al DIV_CUSTOM+IFRAME?
Ho provato a cercare il metodo ma non l'ho trovato
@Mirko grazie per lo zip, ho provato a cambiare i codici (usando l'effetto constellazione) ed ad inserire il css prima della chiusura del tag head e l'html prima della chiusura del tag body (Come hai fatto con l'effetto delle onde), il JV l'ho inserito come script all'interno della pagina
Nemesitrend.it, non ci sto riuscendo, come faccio?
L'effetto che vorrei caricare è questo ; https://codepen.io/acauamontiel/pen/mJdnw mi piacerebbe averlo solo nella parte iniziale del sito
Grazie a tutti in anticipo per le risposte
no, a te non servono le 2 cartelle.... ti basta inserire il codice...
al passo 1 se lo vuoi in tutto il sito, in proprietà pagina se solo in alcune pagine
le 2 cartelle erano per l'altro esempio, quello del mio sito...
secondo me hai fatto un bel casotto...
io ti ho detto di importare le 2 cartelle nella root e non inserire il js nella pagina...
Autore
Ciao Mirco grazie della risposta, come faccio ad importare le cartelle nella root?
Grazie in anticipo
... adesso non serve; ...prima però devi riuscire a fare la pagina indipendente, e poi se ne potrà parlare, ma poco poco, perchè si risolverebbe con un solo copia/incolla...
... ma, ...visto che sei già in ballo con il metodo "normale", segui attentamente le indicazioni che ti ha già dato Mirko...
.
ciao
.
Per importare le due cartelle quando sei al passo 5, entra nel tuo sito, dove vedi tutte le pagine e le cartelle del tuo sito, crea prima una cartella nel sito chiamata css e poi una cartella chiamata js.... quando hai fatto, apri le cartelle create e ci importi dentro i files che ti ho inviato io... esporta e funzia tutto...
altrimenti usa filezilla che ti fa importare le cartelle già complete...
...... anche con il FileManager ...
.
dimenticavo...per entrare nel tuo sito clicca qui...
Autore
Ciao Mirco,
Sono riuscito a caricare i file sul sito, (credo)
https://prnt.sc/10bhex2
https://prnt.sc/10bhgey (lo stesso ho fatto per l'altra cartella)
Ho caricato anche il codice html
https://prnt.sc/10bhhib
Dove sto sbagliando?
Grazie per le risposte
da nessuna parte...a me funzia cosi sul mio sito...metti il link della tua prova...
hai messo il richiamo alle cartelle css e js ?
prima della chiusura del tag head devi mettere questo:
<link rel="stylesheet" href="css/style.css" media="screen, print" />
<script src="js/costellazione.js"></script>
Autore
Ciao Mirco,
Ti ringrazio funziona!
Vorrei però mettere l'effetto solo qui:
https://prnt.sc/10c9wl1
Per intenderci :-)
https://prnt.sc/10c9xwb
Come posso fare?
Grazie in anticipo
bisognerebbe modifcicare il css, ma se poi aggiungi un'oggetto o lo togli, ti sballa ogni volta e dovresti rimodificarlo...
Autore
Che peccato! Allora mi vedo costretto a rinunciare all'effetto..
Nel caso ci siano tutorial su youtube su come fare o se qualcuno voglia spiegarlo dettagliatamente lo ringrazierei tantissimo.
Grazie in anticipo
ahahaha... tanto lavoro per niente... lo avevi già visto dal mio sito che ti appare su tutta la pagina...
l'effetto ti riempie sempre tutto lo schermo... se stravolgi il css, avrai sempre un bordo in basso vuoto, qualsiasi sia la lunghezza della pagina, scrollando lo avrai sempre vuoto...
vabbè qualcun'altro potrà prendere spunto da qui...
Autore
Haha mirco ti ringrazio tantissimo ho comunque fatto pratica con cose che non conoscevo prima.
Ne approfitto per chiederti, si può seguire la stessa procedura per ogni effetto simile?
Questo ad esempio:
https://codepen.io/P1N2O/pen/pyBNzX
magari può tornare utile a chiunque voglia fare una cosa del genere e seguire questo topic come se fosse una guida
Grazie in anticipo
... anche a tutta pagina, v.Mirko, non starebbe male, ...ed ormai è andata; ...ma secondo me forse!!! bastava seguire il mio primo suggerimento, che non ha a che vedere con il programma, che comunque bisogna pur conoscere...
.
... più semplice; ...simile al secondo link del tuo primo post...