Versione 13 fantastica! Siti moderni in pochi minuti!
Autor: Giuseppe GuidaNon 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
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!
il codice per inserire lo slide full screen? grazie!
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.
Giuseppe....complimenti, lavoro stupendo....
Autor
Grazie di cuore Mirko!
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
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
wow slider è facile da usare. ma non ho capito come adattarlo su WSX5 a tutto scermo. puoi inviarmi un esempio a ***
@massimo: è tutto commentato nel codice del template... ottimo lavoro giuseppe...
@massimo saranno 2 livelli, uno vi è il testo l'altro il pulsante. il parallax ricopre entrambi i livelli
@Giuseppe hai scritto proprio come la penso io.......
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.
Autor
Grazie Skeggia
@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...
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"
Dare ogni volta la colpa a Website no, non se ne può più!! Le cose da perfezionare ci sono, le anomalie da correggere anche ma conoscendo Incomedia tutto sarà risolto.
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.
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.
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
lavoro eccellente complimenti!!
Autor
Grazie mille Alex C.
Ottima realizzazione, complimenti !
Autor
Grazie Giancarlo. Gentilissimo
Complimenti Giuseppe per entrambi le versioni!
Poresri condividere qua il tuo progetto così da poterlo studiare?
Grazie!
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
mi sa, Giuseppe che non sia l'unico
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.
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.
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.
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
se credi puoi dare un'occhiata qui, ciao.
https://helpcenter.websitex5.com/de/post/157292
Graqzie mille, non avevo trovato il tuo tutorial,
penso di esserci riuscito,
se vuoi guardare il risultato finale.... http://www.stabiello.org/erba.html
Grazie ancora e buon lavoro
Bravo Matteo...
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;}
scusa, che procedimento hai usato per realizzare l'immagine a pieno schermo?
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
scusa... ma io non vedo questo procedimento... puoi essere più preciso? Non la slide, per capirci, ma una fascia con immagine!!
la fascia è creata con il Parallasse del programma...
cosi...
vaaaaaa beneeeee!!!! Grazie!!!
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