WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

Versione 13 fantastica! Siti moderni in pochi minuti!  it

Autor: Giuseppe Guida
Besucht 3666, Followers 2, Geteilt 0  

Non posso che fare i miei complimenti ad Incomedia. Ottima la versione 13, in meno di 20 minuti si realizza una home page fantastica e si ha un pieno controllo degli oggetti inseriti in header. Io non ho riscontrato nessuna difficoltà o problema, non ho avuto blocchi (ho windos 10 anniversary update) a differenza di quanto scritto in molti post di utenti che riscontrano problemi nella personalizzazione dell'header e del footer o dell'effetto parallax, fasce a pieno schermo e altro.

Qui di seguito il link del mio esempio realizzato in meno di 20 minuti con header con contenuti pienamente responsive, effetto parallax, animazioni applicate ad alcuni elementi, fasce a pieno schermo, animated button, masonry, tutto funzionante alla perfezione:

http://www.ggweb70.altervista.org/prove13pro/

Ciao

Gepostet am
41 ANTWORTEN - 6 NüTZLICH
Giuseppe Guida
Giuseppe Guida
User
Autor

A seguente link invece una prova fatta inserendo del codice esterno per avere in intestazione una slide a pieno schermo, tutto il resto è fatto con le sole funzioni di Website X5 Pro 13:

http://www.ggweb70.altervista.org/prove13pro02

Confermo il mio giudizio: una gran bella versione! 

Mehr lesen
Gepostet am von Giuseppe Guida
#ABCD WebAgency
#ABCD WebAgency
User

il codice per inserire lo slide full screen? grazie!

Mehr lesen
Gepostet am von #ABCD WebAgency
Giuseppe Guida
Giuseppe Guida
User
Autor

Dan Abba, il codice ti viene fornito da WOWSLIDER nel momento in cui inserisci la slide e ti vengono fornite anche tutte le indicazioni su come e dove implementarlo, poi però con la nuova versione ci devi lavorare un po' per sistemare il menù fisso in alto e metterci sotto la slide di Wowslider a pieno schermo. Devi utilizzare la funzione "Menù dentro l'intestazione" e trovare le giuste misure e distanze per evitare che le voci di menù si vadano ad "accavallare" al logo a sinistra o alla barra di ricerca (ora il logo l'ho reso anche cliccabile e riporta sempre alla home page). Il resto del codice lo puoi vedere nel sorgente del mio template, c'è il codice per rendere fissi e a pieno schermo gli elementi in alto (menù, sfondo header ed header). Sempre in riferimento agli elementi in alto, le misure, i margini, le distanze e i colori (là dove vanno inseriti i colori, perchè in alcuni casi se setti per esempio il colore nel menù questo nel responsive ti andrà a coprire il logo) sono da settare al PASSO 2/ Struttura del Modello.

Mehr lesen
Gepostet am von Giuseppe Guida
Mirko Boschetti
Mirko Boschetti
Moderator
Giuseppe Guida
A seguente link invece una prova fatta inserendo del codice esterno per avere in intestazione una slide a pieno schermo, tutto il resto è fatto con le sole funzioni di Website X5 Pro 13: http://www.ggweb70.altervista.org/prove13pro02 Confermo il mio giudizio: una gran bella versione! 

Giuseppe....complimenti, lavoro stupendo....

Mehr lesen
Gepostet am von Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User
Autor

Grazie di cuore Mirko!  

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

@Mirko Boschetti:

ho fatto quelle due prove, la prima completamente con le sole funzioni di WEBSITE X5 13 PRO e la seconda aggiungendo giusto un po' di codice per la slide a pieno schermo, più che altro per dimostrare che con la nuova versione è tutto perfetto. Io leggo decine e decine di post di utenti che "danno la colpa" al software per presunti malfunzionamenti o bug, quando in realtà sono loro che non hanno affatto letto la guida o non si sono cimentati a fare un po' di prove per capire come funzionano le nuove caratteristiche della 13. Quei due template sono la dimostrazione che, a parte qualche piccola anomalia che sicuramente Incomedia correggerà con i prossimi aggiornamenti (e che ho provveduto a segnalare anche io man mano che ci lavoro), il software funziona molto bene e fa delle cose spettacolari! Ma ci vuole un minimo di impegno e di apprendimento, solo questo.

Ciao ciao

Mehr lesen
Gepostet am von Giuseppe Guida
massimo gallo
massimo gallo
User

Bravo Giuseppe, un bellissimo lavoro, molto attuale, complimenti. Mi dici come hai fatto ad inserire il bottone trasparente "contact us" che diventa bianco con testo nero sulla slide parallax con il notebook ? (nell'esempio prove13pro02/) . Ho provato a cercare nei bottoni animati ma non trovo l'opzione per dare il cambio di colore al testo quando si passa sopra con il mouse. Grazie. Massimo

Mehr lesen
Gepostet am von massimo gallo
#ABCD WebAgency
#ABCD WebAgency
User

wow slider è facile da usare. ma non ho capito come adattarlo su WSX5 a tutto scermo. puoi inviarmi un esempio a ***

Mehr lesen
Gepostet am von #ABCD WebAgency
Skeggia 12
Skeggia 12
Moderator

@massimo: è tutto commentato nel codice del template... ottimo lavoro giuseppe...

Mehr lesen
Gepostet am von Skeggia 12
#ABCD WebAgency
#ABCD WebAgency
User

@massimo saranno 2 livelli, uno vi è il testo l'altro il pulsante. il parallax ricopre entrambi i livelli

Mehr lesen
Gepostet am von #ABCD WebAgency
Mirko Boschetti
Mirko Boschetti
Moderator

@Giuseppe hai scritto proprio come la penso io.......

Mehr lesen
Gepostet am von Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User
Autor

Grazie Massimo.

Quel pulsante è stato inserito con codice esterno. Non ho protetto il codice nel mio template di prova e ho commentato lo stesso codice esterno in ogni punto in modo molto dettagliato proprio per dare la possibilità ad altri di visionare il codice e ricreare le stesse cose fatte da me.

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

Grazie Skeggia smile

Mehr lesen
Gepostet am von Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

@giuseppe: come avrai notato, mettendo position:fixed; tutto l'header si sposta al margine sx dello schermo, portandosi dietro tutti gli elementi contenuti in esso (difatti il logo è tutto a sx e il menu non è centrato rispetto allo schermo)... ho anche segnalato allo staff questa anomalia... in fase di analisi... anche se con un paio di codici e non mettendo lo sfondo all'header ma allo sfondo header, si può ovviare, sempre però alzando lo z-index e impostando il margin-top per il contenuto pagina... rimane sempre un ottimo lavoro...

Mehr lesen
Gepostet am von Skeggia 12
Giuseppe Guida
Giuseppe Guida
User
Autor

Eh si Mirko... Io ho forte l'impressione che la gente non si dedica affatto a capire, apprendere, approfondire... Io da anni ci passo le notti sulle nuove vesioni del software per capirne appieno il funzionamento e carpirne tutti i "segreti" smile

Dare ogni volta la colpa a Website no, non se ne può più!! laughing Le cose da perfezionare ci sono, le anomalie da correggere anche ma conoscendo Incomedia tutto sarà risolto. 

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

@Skeggia: si, ci sono delle cose che vanno forse riviste, ho notato anche in un post di Mirko un menù di secondo livello che finiva fuori schermo propro perchè Website sposta le voci di menù in un modo un po' forzato.

Però nel mio caso il logo l'ho inserito io tutto a sinistra ma volendo al Passo 2 in Contenuto header e footer, posso spostare come voglio il logo solo che poi si sovrapporrebbe alla barra di ricerca che ho voluto lasciare visibile fin quasi all'ultima visualizzazione responsive (sull'ultima l'ho eliminata volutamente). Il menù l'ho posizionato così io un po' sulla destra ma si può mettere centrato, l'importante è usare la funzione "Menù dentro l'intestazione" quando si lavora sulla personalizzazione del Modello sul menù. Così poi puoi posizionartelo dove meglio credi dopo aver settato attentamente lo z-index dei vari elementi in alto come tu hai detto giustamente (altrimenti si creano sovrapposizioni che possono dare problemi).

Vai a questo link e guarda come ho posizionato ora logo e menù (il logo non tutto verso sinistra ma più verso l'interno e il menù perfettamente centrato):

http://www.ggweb70.altervista.org/menucentrato

Si fa in un attimo assegnando i giusti valori di distanze e margini nelle impostazioni del "Menù dentro l'Intestazione" sempre al Passo  2 nella personalizzazione del modello.

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

@Dan Abba: con la nuova versione se usi Wowslider NON USARE le impostazioni del menù "Mantieni sempre visibile" e "Estendi alla larghezza della finestra del Browser" presenti al PASSO 2 in personalizzazione Modello / Opzioni su Scroll della Pagina perchè ho notato che si creano strani conflitti e sovrapposizioni ma sto vedendo di lavorarci anche su quello. 

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

@Dan Abba: ti ho inviato una mail con progetto website con codici e menù già impostato per poter inserire sotto di esso la slide di Wowslider aggiungendo semplicemente al progetto di website i codici generati da Wowslider al momento della creazione della tua slide personalizzata.

ciao ciao 

Mehr lesen
Gepostet am von Giuseppe Guida
Alex C.
Alex C.
User

lavoro eccellente complimenti!!

Mehr lesen
Gepostet am von Alex C.
Giuseppe Guida
Giuseppe Guida
User
Autor

Grazie mille Alex C. 

Mehr lesen
Gepostet am von Giuseppe Guida
Giancarlo C.
Giancarlo C.
User

Ottima realizzazione, complimenti !

Mehr lesen
Gepostet am von Giancarlo C.
Giuseppe Guida
Giuseppe Guida
User
Autor

Grazie Giancarlo.  Gentilissimo

Mehr lesen
Gepostet am von Giuseppe Guida
Tommaso Tarallo
Tommaso Tarallo
User

Complimenti Giuseppe per entrambi le versioni!

Poresri condividere qua il tuo progetto così da poterlo studiare?

Grazie!

Mehr lesen
Gepostet am von Tommaso Tarallo
Giuseppe Guida
Giuseppe Guida
User
Autor

Ma scusami SitiWeb App... ma tu non fai siti web? E chiedi ad uno che di mestiere fa l'attore comico ( www.giuseppeguida.it )e per passione fa siti web di mettere a disposizione un progetto? E' un controsenso 

Ma a disposizione c'è la Guida (non mia sorella, sia chiaro! ) che vi può dare una mano, io quella guida me la son studiata, letta, "spolpata"... Ma fatelo anche voi, non me ne vogliate, ma stiamo parlando di DUE NORMALISSIMI PROGETTI, il primo fatto SOLO ED ESCLUSIVAMENTE con le funzioni di WEBSITE 13 PRO e il secondo con l'aggiunta di un po' di CODICE ESTERNO (quelle poche righe fornite da WOWSLIDER!) con qualche impostazione specifica fatta sul menù, header e sfondo header (tutto visionabile dal codice DETTAGLIATAMENTE COMMENTATO nel sorgente di entrambe le prove), per il resto nulla di più.

e poi a parte ciò, sono stati dati già tantissimi suggerimenti su come fare nei post più in alto di questo topic, basta leggerli con attenzione e ci sono tanti consigli utili, poi bisogna solo sperimentare, provare, cimentarsi, sbagliare e correggersi, come si dovrebbe fare normalmente. Dico bene o sbaglio? Non me ne volere ma credimi basta solo un po' di impegno e ti renderai conto che c'è anche mooolta più soddisfazione nel riuscire a fare le cose in modo quasi autonomo, capendo per davvero quel che si sta facendo e capendo soprattutto dove si sbaglia per poi non sbagliare più.

Ciao 

Mehr lesen
Gepostet am von Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT
Giuseppe Guida
Ma scusami SitiWeb App... ma tu non fai siti web? E chiedi ad uno che di mestiere fa l'attore comico ..

mi sa, Giuseppe che non sia l'unico

Mehr lesen
Gepostet am von Claudio D.
Tommaso Tarallo
Tommaso Tarallo
User

ciao Giuseppe, ti ho chiesto di condividere il progetto per vedere un po la struttura nuova dell l'header con la versione di prova pro 13 e soprattutto per soddisfare le richieste di altri utenti.

La guida della 12 me la sono studiata per bene.

Mehr lesen
Gepostet am von Tommaso Tarallo
Giuseppe Guida
Giuseppe Guida
User
Autor

SitiWeb App, scusami ma non metto nessun progetto qui. Mi spiace. Ho dato tanti consigli in questo post, negli altri post in giro nell'Answers, altro non mi tocca fare. 

Mehr lesen
Gepostet am von Giuseppe Guida
Tommaso Tarallo
Tommaso Tarallo
User

Tranquillo Giuseppe, ma per l'header come hai messo l'immaggine a tutto schermo?

Mehr lesen
Gepostet am von Tommaso Tarallo
A. Kris
A. Kris
User
SitiWeb App
Tranquillo Giuseppe, ma per l'header come hai messo l'immaggine a tutto schermo?

Dan Abba, il codice ti viene fornito da WOWSLIDER nel momento in cui inserisci la slide e ti vengono fornite anche tutte le indicazioni su come e dove implementarlo, poi però con la nuova versione ci devi lavorare un po' per sistemare il menù fisso in alto e metterci sotto la slide di Wowslider a pieno schermo. Devi utilizzare la funzione "Menù dentro l'intestazione" e trovare le giuste misure e distanze per evitare che le voci di menù si vadano ad "accavallare" al logo a sinistra o alla barra di ricerca (ora il logo l'ho reso anche cliccabile e riporta sempre alla home page). Il resto del codice lo puoi vedere nel sorgente del mio template, c'è il codice per rendere fissi e a pieno schermo gli elementi in alto (menù, sfondo header ed header). Sempre in riferimento agli elementi in alto, le misure, i margini, le distanze e i colori (là dove vanno inseriti i colori, perchè in alcuni casi se setti per esempio il colore nel menù questo nel responsive ti andrà a coprire il logo) sono da settare al PASSO 2/ Struttura del Modello.

Mehr lesen
Gepostet am von A. Kris
Matteo Valaperta
Matteo Valaperta
User

Ciao a tutti , sto provando qui http://www.stabiello.org/erba.html a mettere la slidere a piena larghezza ma proprio non ci riesco, qualcuno ha consigli ?

Grazie mille 

So che è già stato chiesto, ho fatto mille prove ma credo di sbagliare qualcosa.

grazie ancora

Mehr lesen
Gepostet am von Matteo Valaperta
Giancarlo B.
Giancarlo B.
User

Un piccolo aggiustamento prova a mettere lo Z-index:1 altrimenti non ti funzionano i tasti di wowslider

/* impostazioni di pagina distanza Slide full e menù */

#wowslider-container1{top: 178px; z-index:1 !important;}

Mehr lesen
Gepostet am von Giancarlo B.
Stefano Terranova
Stefano Terranova
User

scusa, che procedimento hai usato per realizzare l'immagine a pieno schermo?

Mehr lesen
Gepostet am von Stefano Terranova
Giuseppe Guida
Giuseppe Guida
User
Autor

Ciao Stefano,  è lo stesso procedimento che usa anche Giancarlo e che lui ha anche spiegato in modo molto dettagliato nel suo Topic con tutorial nel quale vedo che tu hai già scritto per richiedere aiuto. È quello.  Bisogna solo seguire quanto descritto da Giancarlo B.

Ciao ciao

Mehr lesen
Gepostet am von Giuseppe Guida
Stefano Terranova
Stefano Terranova
User

scusa... ma io non vedo questo procedimento... puoi essere più preciso? Non la slide, per capirci, ma una fascia con immagine!!

Mehr lesen
Gepostet am von Stefano Terranova
Mirko Boschetti
Mirko Boschetti
Moderator

la fascia è creata con il Parallasse del programma...wink

Mehr lesen
Gepostet am von Mirko Boschetti
Giancarlo B.
Giancarlo B.
User

cosi...

Mehr lesen
Gepostet am von Giancarlo B.
Stefano Terranova
Stefano Terranova
User

vaaaaaa beneeeee!!!! Grazie!!!

Mehr lesen
Gepostet am von Stefano Terranova
Giuseppe Guida
Giuseppe Guida
User
Autor

Si avevo capito male.  Pensavo ti riferissi alla slide.  È l'effetto Parallax che puoi creare con le funzioni del programma in "Stile riga" come ti ha spiegato Mirko.  Ciao ciao

Mehr lesen
Gepostet am von Giuseppe Guida