31 ottobre 2015

Template Onetel per WebSite X5 Evolution e Professional 12

Con la nuova versione WebSite X5 12, che ci dà la possibilità di realizzare un sito responsive, abbiamo provato ad adattare il template Onetel (scaricato sempre da templatemo.com), cercando di superare alcune limitazioni che il programma attualmente presenta:
  • abbiamo reso visibili gli oggetti contenuti nel footer anche a basse risoluzioni, scrivendo il codice per renderli responsive;
  • abbiamo modificato il menu mobile in modo da occupare l'intera finestra.
Il template originale è rilasciato sotto licenza Creative Commons 4.0. Per quanto riguarda il nostro adattamento leggi i termini di utilizzo.
Ci auguriamo di non trovare in rete, anche questa volta, il nostro adattamento venduto così com'è poiché riteniamo sia eticamente scorretto e irrispettoso del lavoro altrui.

Qui la demo (versione 12.0.1.15):

demo onetel
DEMO

Le risorse utilizzate nel template sono:

Per integrare il Google Font, prima di importare il progetto, occorre inserire il relativo file .ttf nella sezione "Preferenze" del programma. Oltre che da Google Font, è possibile scaricare il file da QUI.

Questo il codice @import da noi utilizzato:
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

Si fa presente inoltre che abbiamo mantenuto nel footer il form newsletter del template originale che risulta però inattivo poiché NON è associato ad alcun file .php. L'inserimento di un form nel footer da programma attualmente non è previsto quindi, se lo si vuole lasciare, occorrerà scrivere il relativo script PHP per l'invio della mail. Un'alternativa è creare il form con il programma in una pagina nascosta e richiamarlo nel piè di pagina (Codice HTML) con un iframe o inserendo direttamente il codice HTML del form. In questo ultimo caso si dovrà anche inserire i CSS relativi al Passo 4.

Nella pagina download sono presenti i file .iwzip da scaricare sia per la Evolution che per la Professional:


Nella versione Evolution sono stati inseriti dei codici supplementari per sopperire alla mancanza della funzionalità "Interruzioni di riga" presente invece nella Professional.
 
Tutti i blocchi di codice personalizzato, inseriti nelle sezioni previste dal programma e nel file custom.css, sono commentati per permettere una facile lettura ed eventuale modifica, modifica che potrebbe diventare obbligatoria nel momento in cui si aggiungono/cambiano gli oggetti presenti nella griglia della pagina. Consigliamo quindi ai meno esperti di limitarsi a cambiare i contenuti senza modificare la struttura.
Per problemi di visualizzazione o difficoltà incontrate nelle personalizzazioni, potete contattarci a questo indirizzo quellidelcucuzzolo@altervista.org oppure attraverso i commenti di questo post.


Aggiornamento del 25/11/2015:
  • in seguito al rilascio della versione 12.0.3.19 è stato necessario modificare i selettori legati all'ancora dell'oggetto Modulo Invio E-mail.
In Proprietà pagina, Esperto, Prima della chiusura del tag HEAD sostituire tutte le occorrenze del selettore
 #contact-form + div
con
#contact-form + div + div


Aggiornamento del 10/12/2015:
  • in seguito al rilascio della versione 12.0.4.20 è stato necessario modificare, un'altra volta, i selettori relativi all'oggetto Modulo Invio E-mail.
In Proprietà pagina, Esperto, Prima della chiusura del tag HEAD sostituire tutte le occorrenze del selettore
#contact-form + div + div form fieldset div div
con
#contact-form + div + div form fieldset > div > div


78 commenti:

  1. Ciao ragazzi.
    Come prima cosa vi ringrazio, per il materiale ed esperienza che mettete a disposizione.
    Premetto che io ho appena acquistato WebSite X5 Evolution 12 e stavo provando i Vostri teplates, risultato... Una figata !!! In realtà, quello che mi piacerebbe fare è un sito ancor più completo, magari con ecommerce...
    Voi sapreste indicarmi qualche sito dove trovare questo ?
    Ringrazio anticipatamente
    Marco B.

    RispondiElimina
    Risposte
    1. Ciao Marco,
      grazie a te per il tuo messaggio.
      Puoi trovare dei template con e-commerce nelle sezioni Templates sul sito di supporto di WebSite X5 (X5 Answers).

      Elimina
    2. Grazie
      Ci provo, ma ieri credo non funzionasse.

      Elimina
  2. Ho scaricato il vs. template che mi piace molto.
    Vorrei sapere come faccio a cambiare le immagini nelle pagine about, contact e portfolio dato che per la home la cambio nella struttura del modello.
    Poi vorrei cambiare il colore nero della barra nera sopra il menù e il nero del corpo della pagina.
    Grazie in anticipo

    RispondiElimina
    Risposte
    1. Ciao Carlo,
      grazie per il commento.
      Per cambiare le immagini devi andare nelle Proprietà di ogni Pagina -> Esperto -> Prima della chiusura del tag HEAD e sostituire nome e percorso delle immagini scelte in questa riga di codice: "background-image: url('img/about-header.jpg');"
      Ricordati di allegare le immagini al progetto al Passo 4 -> Statistiche, SEO e Codice - Esperto - File allegati al codice

      Puoi cambiare il colore e le immagini di sfondo al Passo 1 -> Stile del Modello -> Struttura del Modello Principale e Struttura del Modello Responsive.

      Elimina
    2. Grazie per la celere risposta.
      Ma nel passo 1 non mi fa cambiare lo sfondo nero dei tre rettangoli colorati. Non ho capito se è una maschera o qualcosa del genere.

      Elimina
    3. Ciao Carlo,
      se ti stai riferendo allo Sfondo della Pagina e se non riesci a selezionarlo cliccando sull'anteprima, prova a ridurre in larghezza la finestra di WebSite o prova ad utilizzare il menu a tendina della Sezione della pagina.

      Elimina
  3. come sostituire il colore "nero" del content? grazie.

    RispondiElimina
    Risposte
    1. Ciao Stefano,

      prova a leggere le risposte che abbiamo dato a Carlo nei commenti precedenti.

      Elimina
  4. Ciao e complimenti, ho scaricato alcuni template da "www.templatemo.com", come faccio a imprtarli in websitex5 ?

    RispondiElimina
    Risposte
    1. Ciao Simone,

      grazie per il tuo messaggio.
      Non puoi importarli automaticamente, devi usare gli strumenti del programma per ricostruire il layout ed i vari elementi che lo compongono.
      In alcuni casi, però, occorre superare i limiti di WebSite X5 inserendo codici ad hoc e questi variano da template a template.

      Elimina
  5. Ciao, intanto grandissimo lavoro! Davvero una caso da studiare.
    Ti volevo chiedere:
    1) qual'è di preciso l'utilità dell'oggetto html con scritto dentro solo ""?
    2) il template si appoggia a bootstrap?

    Grazie
    Sandro

    RispondiElimina
    Risposte
    1. Ciao Sandro,

      grazie a te per questo messaggio.
      Ti rispondiamo per punti:
      1) gli oggetti HTML con il commento < ! -- HTML PAD -- > hanno una funzione "cuscinetto", agendo come margini laterali di alcuni oggetti; cosa che si poteva ottenere anche con altri metodi;
      2) il template originale sì, il nostro adattamento no

      Elimina
  6. Ciao Ragazzi...
    per modificare lo sfondo degli oggetti (arancio-verde-giallo) come posso fare ? Grazie

    RispondiElimina
    Risposte
    1. Ciao Simone,

      puoi cambiare il colore di sfondo degli oggetti semplicemente da programma: "Stile della Cella".

      Elimina
  7. scusate dove e come è possibile sostituire il logo nel menu?
    grazie.

    RispondiElimina
    Risposte
    1. Ciao Vox,

      nella sezione "Menu" della "Struttura del Modello Responsive" trovi "Logo Azienda".

      Elimina
  8. Ciao ragazzi volevo ringraziarvi per le ottime guide che suggerite.Volevo chiedere cè ancora la possibilita' di scaricare Onetel alla versione 12.0.1.15?

    RispondiElimina
    Risposte
    1. versione Professional

      Elimina
    2. Ciao Luca,
      no, non abbiamo conservato il file della vecchia versione.
      Perdona la domanda, perché vuoi un file non aggiornato alla versione attuale di WebSite?

      Elimina
  9. Perche' da quando ho provato a fare l'aggiornameto,a volte lagga si chiude e torna alla versione precedente ma penso che ho problemi con la ram.Anche con gli Adobe Photoshop,Illustrator ecc fa lo stesso.Ma con la 12.0.1.15 va bene (Non è Craccata)

    RispondiElimina
  10. Salve. Trovo il progetto veramente grandioso,sicuramente il migliore che ho trovato.
    Volevo chiedere come posso aggiungere altri oggetti in home (arancio,verde,giallo)e fare in modo che si muovano nello stesso modo

    RispondiElimina
    Risposte
    1. ho risolto grazie e buon lavoro

      Elimina
    2. Bene, siamo contenti :)
      Buon lavoro anche a te

      Elimina
  11. Ciao e complimenti ancora...vorrei sapere come fare per sostituire la banda del footer di colore nero...facendo delle prove ho pensato che il codice da modificare è il seguente :

    <
    //resize footer_bg by Incomedia
    function resize_footer_bg() {
    height = $("#imFooter").height();
    if (height >= 434) $("#imFooterBg").css("height", height);
    }
    $(window).on("resize load", resize_footer_bg);


    e l'immagine inserita come sfondo è quella che avete allegato nominadola: footer_bg_mob_720.png....giusto? Volendo usare questa "banda" anche su altri prg che sto facendo cosa devo fare? ho provato a ricopiare il codice quindi ho creato uno sfondo 1920x150 nero e salvato con lo stesso nome (footer_bg_mob_720.png) e caricato in "file allega codice" ma non funziona
    Grazie e complimenti ancora

    RispondiElimina
    Risposte
    1. Ciao e grazie del commento,
      quel codice che hai postato serve per dinamicizzare l'altezza dello sfondo del piè di pagina.
      L'immagine footer_bg_mob_720.png viene visualizzata solo a risoluzioni inferiori a 720px.
      Se vuoi riprodurre tutto il footer su altri progetti o cambiare i colori/immagini di Onetel, devi mettere mano anche:
      - in struttura del modello principale/responsive
      - nel file custom.css (le parti interessate sono precedute dal commento "footer")

      Elimina
  12. Ciao, intanto voglio fare i miei complimenti per il vostro lavoro...
    Come avete giustamente citato nell'articolo, nella versione Evolution non è possibile impostare le interruzioni di riga nel modulo Responsive, se non aggiungendo codice personalizzato; potete aiutarmi a capire quale codice supplementare avete aggiunto?
    Grazie mille..
    Gianluca

    RispondiElimina
    Risposte
    1. Ciao Gianluca,
      grazie per il tuo commento.
      In Proprietà Pagina, Esperto, Prima della chiusura del tag HEAD delle pagine HOME e PORTFOLIO puoi trovare le media queries utilizzate, con relativo commento agli oggetti interessati, per ottenere lo stesso effetto delle interruzioni di riga del programma.

      Elimina
  13. Ciao e grazie per il lavoro che state facendo.
    Sto lavorando a questo progetto (bellissimo) e sono riuscita ad inserire nuove immagini di background alle varie pagine. Mi sono accorta che riducendo la risoluzione l'immagine si rimpicciolisce un pò e si vede solo la parte sinistra. Per lasciare l'immagine centrata (ad esclusione di quella della home) come devo fare? Altra domanda: può il testo sull'immagine della home, scendere in basso quando la visualizzazione è smartphone e non andare sulla foto?

    Grazie e complimenti ancora
    Daniela

    RispondiElimina
    Risposte
    1. Ciao Daniela,
      grazie per il tuo commento.
      Per quanto riguarda l'immagine di sfondo nel progetto è già impostata in modo che si visualizzi centrata. Probabilmente hai modificato l'allineamento in Struttura del Modello. Se fosse così ripristina l'allineamento "centro" in struttura del modello e, in Proprietà Pagina della home aggiungi questa regola CSS (all'interno dei tag <style> </style>:
      #imHeaderBg {
      background-position:left center;
      }
      Per il testo, sempre in Proprietà Pagina all'interno dei tag <style> puoi inserire una media query che sposti il contenuto in basso a partire da una certa risoluzione. Esempio (i valori sono da personalizzare):
      @media (max-width: 959px) {
      #imContent {
      padding-top: 150px;
      }
      }
      Più di così in un commento non possiamo fare... se hai ancora problemi puoi contattarci via mail magari anche con un link alla tua prova.

      Elimina
    2. Non so se ho capito bene, però ho trovato che impostando l'immagine originale alla dimensione Altezza 657px
      Larghezza 2.048px risulta sempre ben posizionata.

      Elimina
  14. Salve scusatemi per il disturbo, ma nei campi Prima della chiusura del tag Head, voi consigliate di sostituire il codice:
    #contact-form + div + div form fieldset div div
    con
    #contact-form + div + div form fieldset > div > div

    Purtroppo io ho questo codice nel riquadro:

    //resize footer_bg by Incomedia
    function resize_footer_bg() {
    height = $("#imFooter").height();
    if (height >= 434) $("#imFooterBg").css("height", height);
    }
    $(window).on("resize load", resize_footer_bg);


    Quindi come e cosa dovrei sostituire??

    RispondiElimina
    Risposte
    1. Ciao Beta Test, nessun disturbo :)

      L'aggiornamento riguarda l'Oggetto Modulo E-mail, quindi devi apportare le modifiche nelle proprietà della pagina "Contact".
      Tieni conto che, se hai scaricato il file .iwzip dopo il 10 dicembre, è già aggiornato.

      Elimina
  15. Buonasera, c'è un metodo per utilizzare questo template con Website X5 ev11 ??
    Grazie

    RispondiElimina
    Risposte
    1. Ciao Antonio,

      no, purtroppo per utilizzarlo con la versione 11 dovresti rifarlo dall'inizio e aggiungere un bel po' di codice per renderlo responsive.

      Elimina
  16. Per la 11 trovi solo questi 4? C'è qualche altra fonte?

    RispondiElimina
    Risposte
    1. Sì, noi abbiamo adattato solo 4 template per la versione 11.
      Puoi trovare dei template nelle sezioni Templates sul sito di supporto di WebSite X5 (X5 Answers) oppure con una ricerca su Google.

      Elimina
  17. salve qualcuno ha provato ad aggiungere lo script per il form mail nel footer? io ci ho provato ma mi manda solo la mail senza i campi. grazie

    RispondiElimina
    Risposte
    1. Ciao Olindo,
      evidentemente hai sbagliato qualcosa. Che script hai usato?

      Elimina
  18. ciao maesi grazie mille ci sono riuscito.. www.voicesaudio.com/prova nel footer così vedete come ho fatto.

    RispondiElimina
  19. Salve, vi ringrazio per il lavoro svolto.
    Siccome vorrei avere 7 pagine con l'immagine di sfondo a pieno schermo, come faccio ad implementarne altre?

    RispondiElimina
    Risposte
    1. Ciao Vincenzo,
      forse non abbiamo capito bene cosa vuoi fare ma non ti è sufficiente creare le altre pagine copiando/incollando quelle esistenti?

      Elimina
  20. salve, il codice import@url del font non si legge nelle indicazioni, potreste riportarlo? grazie

    RispondiElimina
    Risposte
    1. Ciao Vox,
      non capiamo quello che ci stai chiedendo ma il codice @import si vede correttamente.
      Se, per qualche tuo motivo, non lo vedi puoi sempre trovarlo alla prima riga dei css di pagina della demo online.
      Oppure dal sito di Google Fonts stesso.

      Elimina
  21. Cioa MaeSi,

    Complimenti per il vostro lavoro ed un elogio al Vs. supporto.

    Ho effettuato il download del Vs. Template Onetel ed ho una piccola richiesta.

    Come posso aggiungere ai Bottoni della Home "LEARNE MORE" e "VIEW MORE" un collegamento ad una nuova pagina del sito stesso oppure ad un link internet !?

    Ringrazio anticipatamente per il vs. gentile aiuto

    Un cordiale Saluto
    Luigi

    RispondiElimina
    Risposte
    1. Ciao Luigi,
      grazie del commento.
      I pulsanti sono stati inseriti con codice HTML nei relativi Oggetto testo per LEARN MORE e Oggetto HTML per VIEW MORE. Per cambiare la destinazione del link basta semplicemente cambiare il valore dell'attributo href che trovi nel codice.
      Se ti trovi in difficoltà con le modifiche al codice puoi sostituirli utilizzando gli strumenti del programma, ad esempio con Oggetti Immagine.

      Elimina
  22. salve,
    volevo chiedere come ottenere l'effetto responsive dell'immagine sfondo intestazione.
    Ho preso spunto dal modello in questione, ma l'immagine non si adatta come su onetel..... c'è bisogno di qualche script o codice particolare .
    Grazie

    RispondiElimina
    Risposte
    1. Ciao Antonio,
      Per le immagini sotto l'intestazione abbiamo aggiunto questo CSS:

      #imHeaderBg {
      background-size: cover;
      top: 70px;
      }

      Elimina
    2. Grazie MAeSI, ho provato ad aggiungere il codice, ma non funziona.
      Aggiungo il codice al passo 4 (impostazioni avanzate)-->statistiche,seo e codice--> sezione esperto..> prima della chiusura del tag head..... forse c'è qualche passaggio che sbaglio??..
      Grazie per la tua disponibilità.

      Elimina
  23. Ciao MAeSI, ho risolto il file da modificare era il css, mentre con la procedura indicata io modificavo il file html.
    Adesso il problema sarà far mantenere questo codice con website.
    Si prosegue con lo studio.
    Grazie

    RispondiElimina
    Risposte
    1. Ciao Antonio,
      se, come hai scritto, hai preso spunto da questo template, è sufficiente guardare come sono stati scritte tutte le regole CSS che abbiamo aggiunto: le troverai in un file CSS esterno (custom.css) e anche "Prima della chiusura del tag HEAD" (ovviamente tra i tag <style> e </style>).
      Questi sono 2 modi per far mantenere le modifiche su WebSite X5.

      Elimina
  24. Salve...complimenti per i bei consigli che date e per tutto altro che fate...
    Realizzando un nuovo progetto con evo12 come si fa ad aver un pie pagina bello come il vostro,....Template Onetel....non sono molto pratico xò magari col vostro aiuto posso riuscirci...

    RispondiElimina
    Risposte
    1. Ciao,
      grazie per il commento.
      Puoi scaricare il template Onetel e guardare cosa abbiamo fatto:
      - in Personalizzazione del Modello, Pié di Pagina, il codice inserito negli oggetti HTML
      - nel file custom.css allegato al progetto puoi trovare le regole CSS utilizzate (le parti interessate sono precedute dal commento /* footer */ )
      - al Passo 4, Statistiche SEO e Codice, sez. Esperto, prima della chiusura del tag HEAD, il codice JavaScript che serve per dinamicizzare l'altezza dello sfondo del piè di pagina, individuabile da questo commento //resize footer_bg by Incomedia.

      Elimina
  25. Grazie per aver risposto alla mia domanda..
    Ho fatto qualche prova e sembra che ci ci riuscito...
    Xò vorrei capire come sia possibile abbassare l'altezza del footer..magari da 434 a 300...naturalmente togliendo alcune cose tipo il form per la newsletter e mettendo al suo posto le icone per i social...

    RispondiElimina
    Risposte
    1. Devi modificare l'altezza del piè di pagina da programma sia nella struttura del modello principale e che nel modello responsive e quindi modificare il valore 434 con quello che desideri nel codice javascript che ti abbiamo indicato nel commento precedente.

      Elimina
  26. ok...per togliere il form devo cancellare tutte le chiamate dove sta scritto ( #imFooter .form-control ) ???

    RispondiElimina
    Risposte
    1. Ciao,
      se abbiamo capito cosa vuoi dire, devi cancellare il codice HTML che si trova negli oggetti del pié di pagina.
      Poi, se vuoi, puoi anche cancellare le regole CSS relative.
      Se hai ancora problemi, posta un link alla tua prova online.

      Elimina
  27. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  28. Salve prima di tutto grazie per il grandioso lavoro, smanettando un po ho aggiunto altri elementi alla home, ma nel footer nella versione responsitive mi trovo i vari blocchi in disordine, come posso riordinarli? http://www.minejoys.com/personalizzazione/

    RispondiElimina
    Risposte
    1. Ciao Luigi,
      grazie per il commento.
      Per prima cosa, avendo aumentato la larghezza del sito, devi anche modificare i valori delle media queries.
      Per quanto riguarda i blocchi del footer, probabilmente hai cancellato e rifatto il primo blocco, e in questo modo WebSite ha cambiato l'ordine dei div nel DOM; lo puoi vedere dal sorgente: nella tua pagina il blocco che si visualizza per primo a sinistra è presente nel sorgente per ultimo e questo scombina tutte le regole CSS che abbiamo inserito.
      Il modo più semplice per risolvere è rifare (copia/incolla) i 4 oggetti inserendoli uno alla volta nel piè di pagina nell'ordine giusto (il primo da inserire è quello che contiene il commento footer section1 e l'ultimo footer section4).

      Elimina
    2. OK, grazie provvedo subito alle modifiche, gentilissimo come sempre.

      Elimina
    3. Ciao MAeSI non riesco a capire dove modificare i valori della media queries, son sono poi così esperto, puoi spiegarmi per favore. Ciao e grazie anticipatamente

      Elimina
    4. Nel file custom.css trovi la prima media query impostata a 959px. Devi modificare questo valore con 1199px.
      Inoltre il quarto blocco, che si dispone in responsive al 100% della larghezza, deve essere largo quanto il sito, cioè 1200px e con posizione sinistra a 0. Sempre questo blocco nell'originale è nella parte bassa più scura del footer, tu lo hai spostato più in alto: se lo vuoi lasciare in quella posizione devi regolare, sempre nel file custom.css, il valore di padding assegnato all'oggetto (#imFooter div.imTemplateContent:nth-child(4))

      Elimina
    5. Ok grazie, ora ci provo.

      Elimina
  29. Salve sto usando il vostro template ed avrei bisogno di allargare la larghezza della pagina a 1280. Ho provato ad allargare la dimensione dell'intestazione da programma ma mi si scombina tutto il layout. Potreste darmi indicazioni se ce bisogno di intervenire sul codice?
    Grazie mille

    RispondiElimina
    Risposte
    1. Ciao Andrea,

      puoi trovare le indicazioni che ti servono nelle risposte che abbiamo dato a Luigi Ferrara (i commenti precedenti al tuo).

      Se hai difficoltà posta il link alla tua prova online.

      Elimina
    2. Grazie mille non avevo visto il post. Ci provo

      Elimina
  30. Ciao ragazzi. Complimenti per il lavoro svolto e la vostra disponibilità. Ho la versione pro 12 web site ed ho scaricato il template onetel. Poichè sto facendo un progetto sul Natale, avrei bisogno di cambiare l'immagine della home con un altra mettendo l'effetto neve. Avete qualcosa da suggerirmi? Magari anche un'altro template se ritenete più opportuno. Grazie per la cortese risposta.
    Francesco

    RispondiElimina
    Risposte
    1. Ciao Francesco,

      puoi cambiare l'immagine della Home Page da programma.
      Per quanto riguarda l'effetto neve, in Rete puoi trovare diversi script da integrare nel sito/pagina.

      Elimina
  31. Ciao. Argomento: inserimento del form mail nel footer.
    In riferimento a quanto scritto da voi "Un'alternativa è creare il form con il programma in una pagina nascosta e richiamarlo nel piè di pagina (Codice HTML) con un iframe... " ho provato ma nella sezione carrello tale iframe non viene visualizzato nel footer perchè si sa che Website cambia l'estensione di quella pagina in "cart/index.html". Ho risolto copiando nella cartella "cart" tutti i relativi file del form mail che Website non "trovava"e prelevandoli dalla cartella "Preview". Infatti qui: http://www.bozzasito14.altervista.org/corredi01/cart/index.html potete veder il form mail nel footer sezione carrello e nel footer visualizzato nella home e nelle altre pagine. Ma non ci sarebbe un metodo più veloce per sopperire a questo senza ricercare e ricopiare i file del form manualmente anche nella cartella "cart"? Grazie mille, anche se so che l'argomento non riguarda esattamente il Vs. template.

    RispondiElimina
    Risposte
    1. Ciao Giuseppe.
      Beh, puoi semplicemente scrivere il percorso assoluto nell'attributo src dell'iframe.
      Oppure, se il sito NON è in una sottocartella del dominio, con questo percorso relativo, esempio: "../form-mail-footer.html"

      Elimina
  32. Grazie mille per la risposta! Buon fine settimana

    RispondiElimina
  33. Ciao,
    ho scaricato e modificato il vs template onetel. Sto riscontrando due problemi. Pagina dei contatti vorrei mettere la mappa (mia) a tutta larghezza, come nel vs template a strisce orizzontali... ma non ci riesco! Seconda cosa, i tre box in Home Page, il primo non ha la stessa altezza degli altri due... Grazie per l'aiuto. Isabella

    RispondiElimina
    Risposte
    1. Ciao Isabella,
      per poterti aiutare abbiamo bisogno di vedere cosa hai fatto.
      Posta qui o comunicaci via mail il link della tua prova online.

      Elimina
  34. Giusto... ecco il link! Grazie. http://www.dormireinfvg.it/prova/contatti.html

    RispondiElimina
    Risposte
    1. Ciao,
      ci sono un po' di cose da sistemare. Iniziamo dalla pagina Contatti: diciamo che hai dato un'interpretazione personale a quello che abbiamo scritto nell'articolo sul layout a strisce :)
      Non devi modificare lo script, ma lo devi semplicemente allegare così com'è, tramite gli strumenti del programma: ora hai inserito il codice js modificato in un tag style e non funzionerà mai.
      Ti sei inoltre dimenticata di assegnare l'id al div che circonda il codice dell'iframe della mappa inserito nell'oggetto HTML:
      <div id="rowObject_3"><iframe [...]></iframe></div>
      Se non vediamo male hai inserito anche delle regole CSS nella sezione esperto dello stesso oggetto. Non sappiamo a quale scopo, ma non servono per la visualizzazione della mappa a tutto schermo.
      Il problema presente nella Home, invece, potrebbe essere dovuto alla mancanza del font Montserrat nel progetto. Controlla di averlo impostato correttamente nella finestra Preferenze del programma.
      Facci sapere.

      Elimina
  35. Intanto GRAZIE. Ho studiato e modificato il template per la Evolution 12 e non ho avuto problemi. Ora ho provato a convertire il sito con la nuova Evolution 13 e ho notato che tutto ciò che è presente nel footer non è più giustificato a sinistra ma è al centro (allineamento al centro). Ciò SOLO con la 13 (ho ricontrollato per scrupolo con la 12 ed è perfetto).
    Non riesco a trovare sul css dove posso modificare l'allineamento a SN di tutto ciò che è sul footer (e il motivo perchè ora è tutto centrato). Potete aiutarmi? GRAZIE IN ANTICIPO!!!

    RispondiElimina
    Risposte
    1. Ciao,
      grazie per il commento.
      Con la versione 13 non c'è bisogno dei codici che abbiamo inserito per la visualizzazione del footer alle varie risoluzioni.
      Devi rimuoverli e inserire i contenuti del footer per ogni breakpoint con gli strumenti forniti dal programma.

      Elimina

Nota. Solo i membri di questo blog possono postare un commento.