WebSite X5Help Center

 
MARCO L.
MARCO L.
User

Logo non responsive  it

Autor: MARCO L.
Besucht 3373, Followers 4, Geteilt 0  

Salve a tutti, ho appena acquistato website5 evo 12, e volevo delle informazioni riguardo l'intestazione. Ho inmportato un sito da evo 11 a evo 12 per renderlo responsive, però se restringo l'immagine per la visualizzazione sul mobile il logo sparisce e il menu ha tutte le voci sovrapposte. Vi allego le immagini.

Qualcuno sa dirmi cosa devo fare?

Gepostet am
33 ANTWORTEN - 3 NüTZLICH
Mirko Boschetti
Mirko Boschetti
Moderator

Hai attivato l'opzione Responsive? Io vedo che anche il testo non si adatta dal tuo screen...

Mehr lesen
Gepostet am von Mirko Boschetti
MARCO L.
MARCO L.
User
Autor

si è attivato, in allegato le immagini

Mehr lesen
Gepostet am von MARCO L.
Incomedia
Riccardo P.
Incomedia

Buongiorno Marco,

hai per caso inserito codici esterni html/css/script all'interno del sito? Se si prova a rimuoverli e verificare.

Prova anche a caricarlo online così da comunicarmi l'url in modo che possa verificare direttamente.

Fammi sapere.

Mehr lesen
Gepostet am von Riccardo P.
Luigi V.
Luigi V.
User

Anche io ho lo stesso problema!

Mehr lesen
Gepostet am von Luigi V.
Incomedia
Riccardo P.
Incomedia

Buongiorno,

comunicami il tuo sito internet così che possa verificare meglio.

Fammi sapere.

Mehr lesen
Gepostet am von Riccardo P.
MARCO L.
MARCO L.
User
Autor

ho risolto, per il logo ho dovuto preparare un immagine con il logo e l'ho inserita nella struttura del responsive. Per quanto riguarda il menu' in vece ho dovuto allargare l'intestazione e la larghezza delle voci.

Grazie lo stesso

Mehr lesen
Gepostet am von MARCO L.
Jamie B.
Jamie B.
User

Hi

make sure your logo is on the left side of your site then add this code in the Seo, statistics & code, before closing the head tag

<style>
@media (max-width: 960px) {
div.imTemplateContent {
display: block !important;
}
</style>

Regards

jamie

Mehr lesen
Gepostet am von Jamie B.
Mirko Boschetti
Mirko Boschetti
Moderator

@Jamie B.

sure it'sjustyourcode...?

Mehr lesen
Gepostet am von Mirko Boschetti
 lemonsong  
 lemonsong  
User

@Jamie

A parte il fatto che con quel selettore visualizzi tutti i div contenuti nell'header e footer, quel codice non è corretto: manca la chiusura della parentesi graffa della media query.

Mehr lesen
Gepostet am von  lemonsong  
Jamie B.
Jamie B.
User

@lemonsong

the code does work lemonsong, as I have shared it with many users and never had a complaint back yet, I am trying to work on a better solution for the responsive header and footer situation.

regards

jamie

Mehr lesen
Gepostet am von Jamie B.
SARA R.
SARA R.
User

Ciao a tutti, anche io sto riscontrando problemi nella visualizzazione del logo nel modello responsive. Principalmente il mio problema è che l'immagine non viene ridimensionata nei vari breakpoint ma viene tagliata. Di conseguenza anche il logo, se io volessi vederlo da un tablet dovrei comunque crarlo non più grande di 320 px, altrimenti verrebbe tagliato dal telefono. Corretto? 

Sono dell'idea che un'unica personalizzazione per i vari breakpoint è troppo limitante, quello che si progetta per un tablet non può andare bele per un cellulare...

Mehr lesen
Gepostet am von SARA R.
Fabio B.
Fabio B.
User
Mirko Boschetti
@Jamie B. sure it's just your code ...?
 lemonsong  
@Jamie A parte il fatto che con quel selettore visualizzi tutti i div contenuti nell'header e footer, quel codice non è corretto: manca la chiusura della parentesi graffa della media query.

faccio notare che l'errore si trova nella citazione del mio codice fatta da Jamie, non nell'originale:

https://helpcenter.websitex5.com/post/128653#3

Mehr lesen
Gepostet am von Fabio B.
Fabio B.
Fabio B.
User
SARA R.
Ciao a tutti, anche io sto riscontrando problemi nella visualizzazione del logo nel modello responsive. Principalmente il mio problema è che l'immagine non viene ridimensionata nei vari breakpoint ma viene tagliata. Di conseguenza anche il logo, se io volessi vederlo da un tablet dovrei comunque crarlo non più grande di 320 px, altrimenti verrebbe tagliato dal telefono. Corretto?  Sono dell'idea che un'unica personalizzazione per i vari breakpoint è troppo limitante, quello che si progetta per un tablet non può andare bele per un cellulare...

nel link che ho appena postato trovi la spiegazione; per inserire il logo nella visualizzazione mobile devi agire direttamente nel template mobile

http://dvs1.msx5.info/

Mehr lesen
Gepostet am von Fabio B.
Ena A.
Ena A.
User

Scusate, ma non ho ben capito ed allora faccio un esempio : il sito di incomedia http://www.websitex5.com/it/index.html ha nell'intestazione il logo che è anche "cliccabile" , come faccio a realizzare questa cosa?

Mehr lesen
Gepostet am von Ena A.
Fabio B.
Fabio B.
User

inserisci nell'intestazione il logo come immagine e gli appiccichi addosso il link che desideri

Mehr lesen
Gepostet am von Fabio B.
Ena A.
Ena A.
User

Ok Fabio, il link al logo mi era chiaro, in realà intendevo che nella modalià responsive il logo mi sparisce (come hanno segnalato altri prima di me) e mi piacerebbe realizzare l'intestazione come quella del sito di incomedia dove il logo oltre ad errere correttamente ridimensionato nella modalità responsive, contiene anche un collegamento. Come si fa ha realizzare questo tipo di intestazione?

Mehr lesen
Gepostet am von Ena A.
 lemonsong  
 lemonsong  
User

Inserisci nella "Struttura del Modello Responsive" (sezione menu) un "Logo azienda".

Per altre esigenze (attualmente) devi inserire codici extra.

Mehr lesen
Gepostet am von  lemonsong  
Mi Lux
Mi Lux
User
Ena A.
Come si fa ha realizzare questo tipo di intestazione?

magari Incomedia potrebbe spiegare come l'ha realizzato..

Mehr lesen
Gepostet am von Mi Lux
Fabio B.
Fabio B.
User

il logo ti sparisce perché ti sparisce l'intestazione che lo contiene; devi andare nella sezione del modello responsive ed inserire il logo da mostrare in modalità rwd nella barra del menù

Mehr lesen
Gepostet am von Fabio B.
Fabio B.
Fabio B.
User

il link alla home page  gli viene applicato per default dal programma

Mehr lesen
Gepostet am von Fabio B.
 lemonsong  
 lemonsong  
User

Repetita iuvant...

Mehr lesen
Gepostet am von  lemonsong  
Fabio B.
Fabio B.
User
Mi Lux
Ena A. Come si fa ha realizzare questo tipo di intestazione? magari Incomedia potrebbe spiegare come l'ha realizzato..

provo ad indovinare; io farei così:

  1. eliminare l'header
  2. nascondere dal menù la home page
  3. creare nel menù due livelli; al primo associare una immagine come bottone ed il link alla home page; al secondo non dare alcun nome (serve solo ad occupare la seconda posizione nel menù)
Mehr lesen
Gepostet am von Fabio B.
Ena A.
Ena A.
User

Ringrazio moltissimo chi si sta prodigando nel darmi una mano, ma dopo alcuni tentativi sono un po' demoralizzato anche perchè non ho la sufficiente dimestichezza.

Noto che sulla pagina principale di Incomedia campeggia questa bellissima frase :

"WebSite X5 è il software più versatile e completo per creare siti web, blog e negozi online belli, funzionali e perfetti sia su desktop che su tablet e smartphone.
Non devi saper programmare. Grazie a un'interfaccia semplice e intuitiva e alle numerose funzioni disponibili, crei un sito capace di adattarsi automaticamente alle dimensioni di qualsiasi schermo."

Certamente io non sono capace, ma forse WebSite X5 non fa esattamente quello per cui viene pubblicizzato. 

Mehr lesen
Gepostet am von Ena A.
Fabio B.
Fabio B.
User

Sbagli, é il migliore della sua categoria; le promesse lette sul loro sito commerciale sono vere nonostante qualche bug che ogni tanto salta fuori (come per tutti i softwares); per usare questo programma in modo produttivo fin da subito non é necessaria alcuna competenza di programmazione né fare un corso di formazione tecnica.

Se poi uno possiede pure una preparazione in fatto di codici é tutto grasso che cola.

Comunque per chi non sta iniziando ora ad usarlo, ma come te proviene già dalla v11, seguire quei pochi semplici passi che ho detto qui sopra dovrebbe essere banale.

La dimestichezza, in questo come in qualsiasi altro campo, si può acquisire in un solo modo: fare pratica!

Mehr lesen
Gepostet am von Fabio B.
Mi Lux
Mi Lux
User
Fabio Bevilacqua
Sbagli, é il migliore della sua categoria;

Forse non hai una panoramica completa delle soluzioni che ci sono in giro..

Mehr lesen
Gepostet am von Mi Lux
Mi Lux
Mi Lux
User

anzi già che ci sono, Incomedia potrebbe rendere disponibile il progetto con cui ha realizzato il suo sito web così abbiamo modo di vedere il codice personalizzato che ha inserito per avere header e footer personalizzati con immagini e link attivi, in modalità responsive.

Mehr lesen
Gepostet am von Mi Lux
Mi Lux
Mi Lux
User

per il resto c'è Master-Lemon-Card ...

Mehr lesen
Gepostet am von Mi Lux
Ena A.
Ena A.
User

A me piace molto il programma e sono passato alla versione 12 proprio per il Responsive. Ho visto che anche altri stanno comunque riscontrando qualche problema con l'intestazione. Concordo con Mi Lux che forse Incomedia potrebbe dare suggerimenti per replicare la loro impostazione dell'intestazione, credo che gioverebbe anche ad altri.

Farò con più calma a seguire i suggerimenti di Fabio.

Mehr lesen
Gepostet am von Ena A.
Fabio B.
Fabio B.
User

Per quanto riguarda il template di Incomedia hanno fatto diversamente da come dicevo io, usando un metodo ancora più ordinario e semplice come si può scoprire dal sorgente:

basta dare all'header uno sfondo scuro alto 76px ed al footer alto 415px usando una immagine che si ripete in orizzontale; poi inserire nell'header largo 1200px questa immagine http://www.websitex5.com/it/style/top.png quindi mettere il menù dentro all'intestazione e spostato a destra;

gli oggetti nel footer per visualizzarli nel modello rwd basta inserirli come widget di codice e con il mio css appaiono e restano attivi; se poi uno vuole selezionare i contenuti da inserire nel footer mobile, butto lì un'idea così:

impostare via css un top: -415px; z-index: -1;

quindi creare nella pagina un gruppo di celle di contenuti che precede il footer, cioé per ultimo nel layout di pagina, e gestirne la visualizzazione mediante gli strumenti per il layout rwd; questo gruppo di celle va copiato/incollato in tutte le pagine del sito

Mehr lesen
Gepostet am von Fabio B.
 lemonsong  
 lemonsong  
User
Mi Lux
per il resto c'è Master-Lemon-Card ...

Beh, in ogni caso è una social card 

Comunque, nel'header del sito di Incomedia non vedo cose particolari, è stato usato il programma (nei post sopra è già stato scritto).

Chi volesse, può scaricarsi questo template: http://quellidelcucuzzolo.blogspot.it/2015/10/template-onetel-website-x5-12.html

Più o meno il footer è simile a quello del sito di WS.

Mehr lesen
Gepostet am von  lemonsong  
Ena A.
Ena A.
User

Wow! Ho scaricato il template suggerito da lemonsong ed a primo impatto mi risulta di ottimo aiuto alla mia inesperienza, grazie! Farò prove ed esperimenti anche con gli altri input ricevuti. Grazie. 

Mehr lesen
Gepostet am von Ena A.