Dimensioni titoli in sito responsive
Autore: ROBERTO TOMASI C.Buonasera,
chiedo questa informazione in merito al contenuto dei modelli e precisamente in merito all'adattamento dei font alla larghezza dell'oggetto, nella modalità responsive.
Allego come vorrei apparissero i titoli nel sito che sto preparando. L'immagine orizzontale è relativa alla modalità "desktop", ottenuta senza la spunta del flag sull'adattamento, la seconda (in bozza) è relativa alla versione smartphone con la spunta. Pensavo che fosse possibile per ogni dimensione spuntare o non spuntare l'adattamento, in modo che valesse per lo smartphone ma non per il desktop, invece se metto il flag su una delle versioni, viene attivata anche per tutte le altre modalità (desktop, tablet ecc).
Così se la metto va bene per lo smartphone, ma il testo si rimpicciolisce e si dispone su una sola riga anche per la versione desktop e viceversa va bene in due righe per il desktop ma deborda ovviamente nello smartphone.
Se effettivamente non è possibile avere le due versioni assieme, potete darmi qualche suggerimento su come potrei fare per avere un risultato analogo?
Utilizzo la versione professional 17.0.8
Grazie anticipatamente per la risposta
Roberto
Ciao Roberto, innanzitutto complimenti per il messaggio che lanci dal tuo sito. Si tratta di crudeltà inaccettabile verso quelle povere bestie. Fai bene a condannare tutto ciò!
Per l'Oggetto Titolo, strano che si comporti in quel modo a te. Se spunti la casella "Adatta le dimensioni del font alla larghezza dell'Oggetto", il titolo dovrebbe comportarsi in questo modo:
- alle risoluzioni desktop il testo si dovrebbe vedere più grande;
- restringendo la finestra del browser si dovrebbe "restringere" e adattare anche il testo alle dimensioni ridotte dell'oggetto.
Se ciò non avviene potrebbe essere dovuto al fatto che non hai "esteso" orizzontalmente l'Oggetto Titolo su sufficienti celle adiacenti orizzontali. Prova ad estendere l'Oggetto Titolo su più celle adiacenti orizzontali in modo da rendere più grande il "contenitore" del testo e dare "maggiore spazio" a quest'ultimo anche alle risoluzioni Desktop.
Guarda screenshot di seguito....
Così NON va bene...
Mentre in questo modo dovresti risolvere...
Autore
Ciao Giuseppe,
grazie anche per il sostengo ; io non mi riferivo al titolo della pagina, come quello che posti, ma a quello proprio del contenuto del modello, della parte cioè che si presenta in tutte le pagine in alto. In pratica quello che vedi in allegato.
Per ora ho risolto "fotografando" l'immagine con la scritta su due righe e facendola diventare sfondo dell'header (ridimensionandola) per tutte le versioni, però ovviamente la scritta sgrana un pochino. Se riuscissi a risolvere il problema nei comandi testo, in modo da ottenere lo stesso effetto su due righe in tutte le versioni sarebbe meglio.
Ciao ROBERTO, Se vuoi il testo su più righe devi togliere il segno di spunta dall'opzione "Adatta le dimensioni del font alla larghezza dell'oggetto", poi per ogni risoluzione vai a dimensionare l'oggetto in modo che il testo si disponga su 1, 2 o quante righe tu ritenga opportuno.
https://www.ilmioproduttoredifiducia.it
Buon Natale e Buone Feste !
Autore
Ciao, purtroppo è questo il problema. Non riesco a dimensionare l'oggetto per ciascuna dimensione. Quello che prendo per uno, vale per tutti. In altre parole, per il desktop devo usare il carattere 24 per ottenere la scritta gialla e viene come quella incirporata nell'immagine di sfondo.
Autore
ma nella visualizzazione dello smartphine viene così
Autore
se rimpicciolisco il carattere nella versione smartphone, si rimpicciolisce anche nella versione desktop. Non riesco a dirgli "sul desktop 24, sullo smartphone 14" in modo da restare su due righe
Auguri anche a te.
ciao ROBERTO, In effetti con il mio suggerimento non si ridimensiona il carattere... allora non rimane che attendere ulteriori suggerimenti.
... se non riesci con le opzioni del programma, allora potresti risolvere con semplice e comune codice extra tramite il pannello ESPERTO; ... se ti interessasse, devi postare il link della pagina di esempio...
.
Autore
eh grazie, codice semplice e comune appunto per un "esperto", io so usare solo il pannello "babbalone"
Non ho ancora attivato il sito quindi non c'è ancora il link, volevo prima fare in modo che venisse messo in visualizzazione corretta. Fra l'altro ho notato un altro problema, sempre sul contenuto del modello - header; il menu che appare a filo dell'immagine nel desktop, sale di un po' in tutte le alte visualizzazioni. Niente di tragico, però se ci fosse anche per questo un po' di codice per rimetterlo a posto, visto che il menu non posso integrarlo nell'immagine come la scritta...
Appena carico il tutto, penso entro domenica, pubblico il link, così per favore mi dici cosa devo fare.
Ciao
Forse interpreto male e sono anche più babbalone di te, però lasciamela dire:
Hai provato a nascondere l'oggetto per le risoluzioni inferiori e a metterlo (nelle risoluzioni inferiori) con la dimensione carattere che ti va bene? Io con l'oggetto "cerca" ho risolto così.
... basta un solo click... ...pertanto da parte mia allora come non detto, almeno fino al link......
... comunque, anche se non posso personalmente verificare, e se veramente non si possa agire nei vari breakpoint, si dovrebbero usare le opzioni adatte per la risoluzione più diffusa; ...se l'oggetto fosse in cella unica della riga, dovrebbe mantenere aspetti congrui in tutte le risoluzioni; ...chi ha il programma potrà verificare...
.
Autore
E' vero, funziona! Quindi bisogna nascondere e fare quattro versioni per vedere correttamente. Per fortuna è solo l'header. Nel frattempo ho visto anche come allineare il menu.
Grazie per l'offerta di intervento KolAsim, provo comunque a mettere, quando è attivo, una seconda scritta in modo che indichi come andrebbe inserito il codice "autorimpicciolente" e risolviamo anche con il metodo "esperto", dopo quello ... artigianale e chiudo il post
Se ti può interessare è sull'argomento https://helpcenter.websitex5.com/it/post/197879
Autore
@ giorgio C, grazie, ho letto il tuo post, bello complicatino, penso mi servirà più avanti quando cercherò di mettere a posto il sito per gli smartphone; per il momento seguo il sistema "a nascondino" del tuo omonimo, più artigianale ma molto più adatto ai babbalowebmaster come me. Il sito, per completezza, è www.corsabuoi.org.
Ovviamente dovrò lavorarci su parecchio, mancano le immagini varie pagine esplicative che caricherò in gennaio, oltre a quelle già esistenti o in costruzione; però se qualcuno vuole inviare le mail di sostegno, mi sembra che funzioni
Buona serata a tutti e buon anno.