Colore sfumato sfondo pagina
Autor: MASSIMILIANO G.
Visitado 1571,
Seguidores 1,
Compartilhado 0
Buonasera,
vorrei impostare un colore sfumato allo sfondo della pagina del sito che sto ideando, ma il programma sembra non preveda questo tipo di impostazione. In altre parole, la funzione che cerco è qualcosa di simile al "riempimento sfumato" che abbiamo in word con le caselle di testo.
Desidero sapere se website consente di avere questo tipo di impostazione.
Grazie.
Max
Publicado em
Lo puoi fare in css con del codice personalizzato
http://www.html.it/pag/19458/gradienti-come-immagini-di-sfondo/
Autor
Grazie per il feedback. Questa pagina l'avevo vista.
Website non include questi strumenti?
... è previsto nelle impostazioni di stile della cella ... ...
Cella con sfondo sfumato
... altrimenti tramite il solito e semplice file grafico...
... per altri scopi occorre intervenire via codice extra... ...
.
Autor
scusate ma non sono un esperto ...
Allora, ho creato questo codice tramite http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\(top\,\ rgba\(63\,81\,181\,1\)\ 0\%\,\ rgba\(246\,246\,246\,1\)\ 99\%\,\ rgba\(246\,246\,246\,1\)\ 99\%\,\ rgba\(255\,255\,255\,1\)\ 100\%\)\;'
background: rgba(63,81,181,1);
background: -moz-linear-gradient(top, rgba(63,81,181,1) 0%, rgba(246,246,246,1) 99%, rgba(246,246,246,1) 99%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(63,81,181,1)), color-stop(99%, rgba(246,246,246,1)), color-stop(99%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(63,81,181,1) 0%, rgba(246,246,246,1) 99%, rgba(246,246,246,1) 99%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(63,81,181,1) 0%, rgba(246,246,246,1) 99%, rgba(246,246,246,1) 99%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(63,81,181,1) 0%, rgba(246,246,246,1) 99%, rgba(246,246,246,1) 99%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(63,81,181,1) 0%, rgba(246,246,246,1) 99%, rgba(246,246,246,1) 99%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f51b5', endColorstr='#ffffff', GradientType=0 );
in quale parte del codice della pagina dovrei inserirlo ... ricordo che si tratta dello sfondo della pagina.
Il file grafico come posso crearlo?
...non entro nel merito del tuo codice ...
...come precisato da KolAsim , lo fa in automatico il programma in stile cella, con semplicità assoluta ...
Se vuoi fartelo con un file grafico , devi usare uno dei tanti programmi di grafica...
... infatti e per esempio, quello che si vede adesso come sfondo di Answers è questo del LINK ripetuto orizzontalmente: http://answers-static.s3-website-us-east-1.amazonaws.com/bg.jpg
.
Autor
Claudio D., siccome stiamo parlando dello sfondo della pagina, non ho chiaro come le impostazioni di cella possono aiutarmi.
Chiarirebbe ogni dubbio la descrizione dettagliata della sequenza di azioni da compiere con website.
Lo sapevo da principio che le impostazioni di cella sono semplici da definire, quello che non ho chiaro è la procedura da seguire per dare allo sfondo di pagina una colorazione sfumata sfruttando la cella.
Scusa avevo letto di cella ...
ma, prova a mettere questo che ti allego in impostazioni avanzate
statistiche e seo
esperto
prima della chiusura del tag head
( spero sia a norma così... )
... qui si vede un mio vecchio esempio di tre anni fa, che non so se ancora valido:
http://www.zspace.it/kolasim/trash/gradientK.html
... qui si vede il codice puro di Claudio:
...!... http://www.zspace.it/kolasim/trash/gradientK2.html
... non ho approfondito, ma qui il codice di Claudio rivisto con controllo stage:
http://www.zspace.it/kolasim/trash/gradientK3.html
.
ciao
@KolAsim ...il codice l'ho preso dal post di Massimiliano che lui ha generato , ho solo aggiunto lo style per fargli vedere dove e come metterlo ...
ma l'ho provato in una mia pagina e si vede perfettamente in anteprima , online non l'ho provato ... ... poi lo provo ...
come da immagine l'anteprima...
...comunque quello che conta era come farlo finire nello sfondo ...
... sì, OK, ...sicuramente sarà dipeso dalla mia pagina custom usata nell'esempio senza formattazioni...
.
ciao
...ecco una mia pagina col codice postato sopra :
http://pcuty.altervista.org/gradient/slide.html
mistero ...
Autor
Ciao a tutti,
intanto grazie per i vostri feedback. Non ho risposto prima perchè ero in ufficio.
Allora, il gradient di Claudio mi ha fatto avvicinare moltissimo alla soluzione del problema, ma ne rimane uno... guardate come viene il risultato http://127.0.0.1:8080/index.html Non so se riuscite ad aprire la pagina, quindi allego anche lo screenshot dell'anteprima.
ho visto che a voi viene perfetto... è la solita storia, sono convinto che gli esperti dei pc emanino un flusso magico che manca a noi comuni mortali.
A parte lo scherzo, premetto che ho impostato tutti gli sfondi della pagina nel formato traspartente. Ho la sensazione che la sfumatura, si ripeta, riprendendo dalla parte più scura forse a causa della lunghezza della pagina... boh
da cosa potrebbe dipendere?
No , non si ripete.
...ma non hai ancora nulla online da verificare ? C'è sicuramente qualcosa nel tuo al piè di pagina ...
perchè col mio , ho messo una pagina lunghissima e come puoi vedere non ripete ...
http://pcuty.altervista.org/gradient/slide.html
Autor
risolvo il problema se modifico il margine basso della pagina a 80 il nero in basso è lo sfondo del piè di p. e quello grigio in basso è il piè: http://127.0.0.1:8080/index.html
con il tuo sito che impostazioni hai nella varie sezioni della pagina?
partivo da margini pari a 0.
secondo te cosa dovrei verificare nelle impostazioni della pagina. ho provato con un altro codice e mi da lo stesso problema.
Autor
potresti collegarti in remoto al mio pc tramite teamviewer?
...ti allego impostazioni ...
per il Team... mandami mail per contattarti ( la mia la trovi nel profilo ) che se non risolvi lunedì , se riesco , ci guardiamo ...
Autor
Grazie Claudio per la disponibilità.
Ti faccio sapere.
Saluti e buon we.