Info x la realizzazione di un sito in questo stile
Author: Linda R.
Visited 1796,
Followers 3,
Shared 0
Salve a tutti,
devo realizzare un sito in questo stile http://www.onconext.it/ qualcuno di voi può aiutarmi?
Grazie
Posted on the
... io non posso aiutarti, ma a vederlo penso che sia semplice, e puoi anche far di meglio di quello che hai linkato, dove lo slideshow è di disturbo!...
... per esempio come > My Rosemary
... e come hanno dimostrato Giuseppe e Giancarlo con i loro esempi...
.
Author
Kolasim ciao, innanzitutto grazie. Mi sto scaricando l'esmpio My Rosemary, gentilmente mi puoi inserire i link di Giuseppe e Giancarlo?
Author
Un info, qualcuno sa dirmi nella home di My Rosemary al seguente link di anteprima http://market.websitex5.com/it/progetti/159687/live_preview la foto degli asparagi dove si trova? Non riesco a trovare dove è stata inserita e come sostituirla.
Grazie
Author
COme non detto ho visto che sono dei CSS.
sicura che non sia stato messo come immagine di sfondo, nello stile righe???
quello di Giuseppe, è quello che ti ho mandato già oggi in mail privata, l'altro è qui:
http://www.giancafoto.it/
Author
Per caso qualcuno di voi, nel primo riquadro sa come posso inserire una sorta di effetto nivo slider con i testi a comparsa come il sito linkato? STo sempre modificando il sito myrosemary. Grazie
leggi qui:
https://helpcenter.websitex5.com/en/post/157292
https://helpcenter.websitex5.com/en/post/162263
Ciao Linda, un'idea potrebbe essere quella di inserire wowslider, questo occupa uno spazio... nello stesso spazio occupato dallo slider visto che quest'ultimo è un codice (non un oggetto) puoi inserire un oggetto galleria o uno testo con lo slide che riproduca le scritte che vuoi fare vedere ... questa è solo un'ipotesi che dovresti provare ...
Author
Ragazzi dunque, ho scaricato il file della wowslide e l ho implementato. Vorrei poter sostituire i pulsanti e far si che le scritte siano centrate e che abbiano un effetto tipo parallax, è possibile?
Author
In pratica ho generato un nuovo wowslider, sostituendo i pulsanti ma le scritte a compoarsa sono un pò brutte dal pannello impostazioni di wowslider non è possibile modificarle. Mi chiedo, è possibile sovrapporre a wowslider l'effetto testo del parallax? Se si qualcuno sa dirmi come fare? Grazie in anticipo.
ci vogliono dai 10 ai 20 min scarsi per realizzare quanto sopra linkato.
Web:realizzazionesitiwebsalerno.it
Web:websitex5templates.it
Author
Non capisco l'inserimento di questi link, a parte il fatto che il sito è stato realizzato, io sto chiedendo soltanto se si possono inserire delle scritte in movimento sopra la wowslide utilizzando quelle del programma.
... io non ho il programma, ma potresti provare inserire sullo slideshow l'Oggetto Testo con applicato il rollover Scorrimento a schede, e visto che hai la v▪13_PRO potresti provare inserire sempre con l'Oggetto Testo lo > ▪ Stile Schede > Presentazione... ... già anticipato da Giancarlo...
.
http://www.realizzazionesitiwebsalerno.it/bozze/esposito/
Author
Lo wowslider che ho inserito io è quello tramite le cartelle nella root del sito e con i codici per l'iframe di kolasim, per cui all'interno della pagina non c'è nessuno spazio con all'interno l'oggetto multimediale, al che mi chiedevo se era possibile sovrapporre appunto il testo realizzato con l'effetto rollover e se la dicitura wowslider si poteva eliminare.
Author
Vi posto il sito a cui sto lavorando http://www.centroames.it/Data/Sites/1/ONCOREVOLUTION/index.php
... forse devi usare impostazioni diverse per il menu; ...nel tuo esempio in modalità responsive crea disturbo, cosa che non avviene nell'esempio IFRAME di Giancarlo...
.
Author
Kolasim non ho ancora visionato la sezione responsive in verità...
Author
Ciao Kolasim, che impostazioni diversi ritieni io debba adottare per il menù? mi puoi aiutare?
Author
Eppure ho copiato i codici utilizzati per l'altro sito di esempio non modificandoli, non capisco come mai nel mio caso si effettui questo tipo di problema nella home dove c'è la wowslide.
... forse segliendo questa opzione: Orizzontale - Menu sopra l'Header (Struttura del Modello)
.
Author
Purtroppo se effettuo questa operazione allo stato attuale non riesco ad inserire il logo accanto al menù.
... io invece penso che sia possibile, almeno al vedere gli esempi sia > normale che con > iframe di Giancarlo, ed anche quelli sia > normale che con > iframe di > Giuseppe ...nonchè nel > primo quello di Mirko...
... magari prova nuovamente controllando meglio le opzioni disponibili...
.
Author
Buongiorno, inserendo il menù all'interno dell'header ho la possibilità di inserire il logo. Il problema attuale è che solo nella pagina "Introduzione" il menù si sovrappone alla slide ed il colore dello sfondo non si estende in verticale, non compare quindi il menù laterale responsive. Ciò che non mi spiego è come mai a me crea questo difetto dato che i codici inseriti sono uguali a quelli degli esempi.
Author
Ho inserito in proprietà della pagine prima della chiusura del tag Head:
<style> #div_iframe {position:absolute;top:90px;width:100%; z-index:1} </style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini;
var hh =830; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
mentre in dopo l'apertura del tag body ho inserito:
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="wowslider.html" scrolling="no" frameborder="no"></iframe></div>
Dopo di che ho esportato il progetto con le cartelle e le pagine html nella directory del sito.
Author
Il codice è esattamente lo stesso, ma difetta sui tablet e sui telefoni oppure quando si rimpicciolisce il browser perchè il menù si sovrappone alla slide, inoltre un altro problema che riscontro è la grandezza degli header, c'è uno header enorme in altezza.
Author
Ecco l'altra foto
... avvia un NUOVO progetto con questa opzione del menu:
Orizzontale - Menu sopra l'Header (Struttura del Modello)
... e verificane il comportamento con il codice iframe che hai usato per notare eventuali differenze di comportamento...
... ed all'intestazione (vuota) gli assegni un'altezza di 100 pixel...
.
Author
Cmq il problema dell'header smisurato e del foother che non si vede tutto si verifica indipendentemente dall'inserimento del wowslider. Col wowslider l'unico problema è quello della homepage dove il menù si sovrappone alla slide.
Qualche programmatore di website potrebbe anche degnarsi di rispondere e non parlo dei moderatori che sono sempre a disposizione sia chiaro.
... per quanto riguarda l'header, non ho ben capito di cosa si tratti...
... per quanto riguarda problemi con l'uso di codici extra del programma, purtroppo esula dall'assistenza, attinente invece alle funzioni proprie del programma...
... secondo me, visto gli altri esempi che ti avevo elencato, potresti risolvere da te, oppure resta pazientemente in attesa dell'intervento degli stessi che avevano postato i vari esempi...
... se non ricordo male, forse! Giancarlo aveva postato anche il progetto da scaricare...
...
.
Innanzitutto Buon Anno a tutti.
Ho letto tutto un po' in fretta, mi ha segnalato poco fa KolAsim questo topic.
Il mio procedimento è questo: quando inserisci le slide, con o senza iframe, la cosa migliore è inserire al PASSO 2 MODELLO/Personalizzazione/struttura del modello il menù dentro l'header e impostare l'altezza UGUALE all'altezza dell'HEADER, in pratica il menù si deve sovrapporre in modo preciso all'header se vuoi evitare qualsiasi tipo di "spazi", "distanze" e "sovrapposizioni" indesiderati tra header e contenuti pagina o header e menù ecc.
Devi settare al primo breakpoint(quello più in "alto" nella responsive bar a sinistra per intenderci) anche tutti gli altri valori per sfondo header, sfondo pagina, contenuto pagina ecc ecc.
Tali impostazioni settate per il primo breakpoint devi settarle anche per tutti gli altri breakpoint inferiori altrimenti il modello ti sballa alle risoluzioni inferiori (N.B. effettuando solo alcune modifiche alla larghezza/posizionamento del menù solo per i breakpoint inferiori) quindi per semplificare il tutto, sempre al PASSO 2 MODELLO/personalizzazione/struttura del modello, dopo aver settato tutti i valori al primo breakpoint, fai click con il tasto destro del mouse in un qualsiasi punto dell'anteprima visibile sulla destra di quella stessa finestra e scegli dal menù contestuale che si apre la voce "COPIA proprietà struttura", vai in tutti gli altri breakpoint selezionandoli uno per uno dalla responsive bar ed in ognuno di essi clicca con il tasto destro sempre nell'anteprima sulla destra e fai "INCOLLA proprietà struttura" e in un batter d'occhio avrai gli stessi identici valori settati per il breakpoint più alto anche per tutti gli altri breakpoint inferiori senza doverlo fare manualmente. Per finire, come accennato sopra nell' N.B., dovrai semplicemente ridurre di molto la larghezza del menù e il suo posizionamento all'interno dell'header a partire più o meno dai breakpoint di 720px e inferiori (ti regoli dall'anteprima sulla destra per quanto riguarda il posizionamento del menù all'interno dell'header).
Infine inserisci la slide con iframe o senza, attenendoti a tutti gli accorgimenti per far "partire" la slide subito sotto al menù (come spiegato nei vari tutorial e post di Giancarlo B., KolAsim, Mirko Boschetti) e così non dovresti avere nessun tipo di problema di spazi indesiderati, sovrapposizioni ed altro.
Ciao
Buongiorno Linda,
come già detto da KolAsim, purtroppo non diamo assistenza per codici personalizzati inseriti nel programma.
Ti consiglio di seguire i validi consigli che ti sono stati dati dai moderatori e altri utenti in questo tuo post.
Grazie mille
Author
Ragazzi buongiorno, vi linko il sito aggiornato oncorevolution non ho grossi probolemi da segnalare, se non che il foother nel modello responsive alle varie dimensioni purtroppo continua a non leggersi, ed il logo invece nell'header tende a spostarsi verso l'altro facendo si che venga tagliata un pò la parte superiore. Per il resto che ve ne pare? Potete aiutarmi a sistemare queste 2 problematiche?
Ciao Linda ottimo lavoro, il discorso è sempre quello che dei vari breackpoint ... ora hai sistemato il menù ... ma a quella risoluzione va sopra al logo.. rendilo trasparente ...
Author
Ok lo modifico e lo rendo trasparanete, ma resta il problema che si sposta in alto e che il foother non si legge completamente.
... solito, guarda a quel breackpoint come è impostata la struttura del modello ..... vedi allegato...
Author
Giancarlo ma a quel breackpoint in qualsiasi modo in cui lo setto non si cambia la posizione.
Author
I problemi si posizionamento logo che si sposat in alto e che viene tagliato nell'header accade a risoluzione 720 e 480, lo stesso accade per il foother che non fa leggere più cosa c'è all'interno anche cambiando le altezze.
Linda ... le cause possono essere anche la mancanza di spazio (visto che il tutto si restringe) .. quindi occorre valutare il dafarsi ... a volte bisogna rendere invisibili alcuni oggetti a certe risoluzioni oppure inserirne dei nuovi più piccoli.. però NON avendo il template da visionare sono questi i consigli che riesco a darti, ciao.