WebSite X5Help Center

 
MASSIMILIANO G.
MASSIMILIANO G.
User

Colore sfumato sfondo pagina  it

Autore: MASSIMILIANO G.
Visite 1567, Followers 1, Condiviso 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

Postato il
18 RISPOSTE
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

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

Website non include questi strumenti?

Leggi di più
Postato il da 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... ...


.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

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?

Leggi di più
Postato il da MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Utente del mese 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...

Leggi di più
Postato il da Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

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.

Leggi di più
Postato il da MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Utente del mese 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ì... )

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Utente del mese 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 ...

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

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?

Leggi di più
Postato il da MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Utente del mese 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

Leggi di più
Postato il da Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

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.

Leggi di più
Postato il da MASSIMILIANO G.
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

potresti collegarti in remoto al mio pc tramite teamviewer?

Leggi di più
Postato il da MASSIMILIANO G.
Claudio D.
Claudio D.
Moderator
Utente del mese 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 ...

Leggi di più
Postato il da Claudio D.
MASSIMILIANO G.
MASSIMILIANO G.
User
Autore

Grazie Claudio per la disponibilità.

Ti faccio sapere.

Saluti e buon we.

Leggi di più
Postato il da MASSIMILIANO G.