Visualizzazione risultati 1 fino 10 di 10

Discussione: Background css, ho bisogno di aiuto per un codice

  1. #1
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Lightbulb Background css, ho bisogno di aiuto per un codice

    Salve a tutti, avrei bisogno di una mano per sistemare un background che ho trovato girando su internet, che fa un effetto caruccio da impostare come sfondo.
    C' il codice JS che funge da script, per posto solamente il CSS che quello che vorrei manipolare per sistemare l'effetto sulle mie pagine.

    #gradient {
    width: 100%;
    padding: 0px;
    height: 100%;
    margin: 0px;
    }
    body {
    background-color: #000000;
    padding: 0px;
    margin: 0px;
    }
    .riquadro {
    border:1px solid black;
    width:255px;
    height:180px;
    }


    Invece il codice HTML questo, anche se non serve lo posto uguale:
    <div id="gradient" />


    Ecco il link alla mia pagina per farvi capire cosa vorrei tentare di sistemare:
    http://iis2016delcampogiuseppe.alter...rks/works.html

    L'effetto dello sfondo si pu ben vedere, il fatto che su altre pagine viene tipo scontornato male, e non riempie l'intera pagina. Se faccio uno zoom, lo scontorno andando gi per la pagina evidente, mentre se fai uno zoom out l'effetto scontornato scompare. Sapete per caso come sistemare questa cosa in modo che non fa il contorno nero per pagine in cui c' bisogno di scrollare, ma rimane costante l'effetto in ogni caso? Penso che il problema sia il codice CSS.
    Grazie infinite, aspetto risposte.

  2. #2
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Predefinito

    UP

    Qualcuno pu aiutarmi? Grazie..

  3. #3
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,931

    Predefinito

    Citazione Originalmente inviato da IIS2016DelCampoGiuseppe Visualizza messaggio
    il fatto che su altre pagine viene tipo scontornato male
    Cosa intendi con scontornato? Dove sono queste pagine?
    Comunque in CSS devi solamente provare a modificare le varie propriet fino ad ottenere quel che vuoi. Aiutati con gli strumenti degli sviluppatori inclusi nei browser.

    Ciao!

  4. #4
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Cosa intendi con scontornato? Dove sono queste pagine?
    Comunque in CSS devi solamente provare a modificare le varie propriet fino ad ottenere quel che vuoi. Aiutati con gli strumenti degli sviluppatori inclusi nei browser.

    Ciao!
    Intendo che ho provato in altre pagine del mio sito a mettere lo stesso effetto, e come ho spiegato dettagliatamente se scrolli in gi la pagina l'effetto rimane solamente sul contorno con cui ha caricato la pagina. Non conosco bene il CSS e quindi ho chiesto aiuto, non conosco gli strumenti degli sviluppatori.

  5. #5
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,931

    Predefinito

    Citazione Originalmente inviato da IIS2016DelCampoGiuseppe Visualizza messaggio
    Intendo che ho provato in altre pagine del mio sito a mettere lo stesso effetto, e come ho spiegato dettagliatamente se scrolli in gi la pagina l'effetto rimane solamente sul contorno con cui ha caricato la pagina.
    Per necessario vedere questo problema per tentare di aiutarti.

    Citazione Originalmente inviato da IIS2016DelCampoGiuseppe Visualizza messaggio
    non conosco gli strumenti degli sviluppatori.
    Quando sei nella pagina da analizzare, clicca col destro in un punto dove non c' nulla e seleziona "analizza elemento" (firefox) o "ispeziona" (chome). uno strumento utilissimo per sviluppare in CSS e javascript.

    Ciao!

  6. #6
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Predefinito

    Il problema nel <div id="gradient">
    E' lui che genera l'effetto del background.
    Ti rispiego nuovamente qual' il problema, e ti rispiego che non so come risolverlo dato che non so come potrei farlo.
    La pagina che ti ho linkato e che forse non hai visto, se hai un monitor piccolo avrai bisogno di scrollare in basso.
    Bene, se scrolli in basso l'effetto background rimane nella stessa posizione in cui hai aperto la pagina, ovvero prima della parte che hai scrollato. Per "scrollare" (termine comune che si utilizza molto in informatica) intendo quando usi la rotellina. Se vai gi con la rotellina scrolli la pagina, e io ti sto dicendo per la 3/4 volta che l'effetto rimane nello stesso modo in cui si aperta la pagina, ovvero non copre l'ipotetico scroll in basso, perch si dovrebbe mettere qualche attributo ad height che io non conosco. Ho provato auto, 100%, l'ho levato anche, ma il problema rimane. Se non lo metto l'effetto si genera ancora peggio.
    Se qualcuno ha capito il problema, mi dia una mano gentilmente se si pu

  7. #7
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,931

    Predefinito

    Prova eliminando
    Codice:
    height: 100%;
    da #gradient.

    Ovviamente tieni conto della cache.

    Ciao!
    Ultima modifica di alemoppo : 17-05-2018 alle ore 21.22.19

  8. #8
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Prova eliminando
    Codice:
    height: 100%;
    da #gradient.

    Ovviamente tieni conto della cache.

    Ciao!
    Ti avevo gi scritto che ho provato a levarlo e non funziona ugualmente, viene sempre uno spazio nero sotto.

  9. #9
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,931

    Predefinito

    Come lo vedo ora:


    Come lo vedo con le modifiche che ti ho suggerito:


    Purtroppo se non riesco a riprodurre il problema, non posso aiutarti.

    Ciao!

  10. #10
    Data registrazione
    07-09-2016
    Residenza
    Abruzzo
    Messaggi
    26

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Come lo vedo ora:


    Come lo vedo con le modifiche che ti ho suggerito:


    Purtroppo se non riesco a riprodurre il problema, non posso aiutarti.

    Ciao!
    Anche se lo levo il problema c' sempre..


    ho provato veramente tante cose ma non funziona nessuna di esse.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •