WebSite X5Help Center

 
MASSIMILIANO G.
MASSIMILIANO G.
User

Colore sfumato sfondo pagina  it

Auteur : MASSIMILIANO G.
Visité 1573, Followers 1, Partagé 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

Posté le
18 RéPONSES
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

Grazie per il feedback. Questa pagina l'avevo vista.

Website non include questi strumenti?

Lire plus
Posté le de MASSIMILIANO G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... è 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... ...


.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

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?

Lire plus
Posté le de MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

...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...

Lire plus
Posté le de Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

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.

Lire plus
Posté le de MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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ì... )

Lire plus
Posté le de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Claudio D.
... ... ( 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

@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 ...

Lire plus
Posté le de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Claudio D.
... ... come da immagine l'anteprima... ... ... ...

... sì, OK, ...sicuramente sarà dipeso dalla mia pagina custom usata nell'esempio senza formattazioni... 

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

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?

Lire plus
Posté le de MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

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.

Lire plus
Posté le de MASSIMILIANO G.
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

potresti collegarti in remoto al mio pc tramite teamviewer?

Lire plus
Posté le de MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

...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 ...

Lire plus
Posté le de Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Auteur

Grazie Claudio per la disponibilità.

Ti faccio sapere.

Saluti e buon we.

Lire plus
Posté le de MASSIMILIANO G.