Problema con l'intestazione responsive
Author: cristian agresti
Visited 1566,
Followers 2,
Shared 0
ho trovato un nuovo problema e penso sia dovuto alle dimensioni dello "slideshow", mi spiego meglio :
per primo il sito è www.ristorantesaloon.com, ci sono alcuni errori generici ma ho dovuto pubblicarlo per farlo vedere, ma il mio problema adesso è la parte visualizzata con i tablet e smartphone cioè risoluzione sotto i 950px, dove non vedo nulla della parte dell'intestazione, ho lasciato nella struttura del modello responsive le solite misure dalle struttura standard.
Cosa devo fare per rendere qualcosa di visibile anche ridotto?
grazie
Posted on the
...credo che o passi alla versione Professional 12, che ha per default simili opzioni, o costruisci un altro sito dedicato a tablet e smartphone...
ciao ! a mio parere meglio che cambi per il responsive e metti solo un logo nell'intestazione , invece di rimpicciolire che poi si vede male , il mio solo un parere
... x Cristian, ...puoi prendere spunto dalle semplici soluzioni adottate da Mirko nel suo esempio, rilevando le modifiche nel TAG STYLE in HEAD nel sorgente del codice HTML (Ctrl+U): http://www.mirboprova.altervista.org/ws-12/index.html ... ... e con l'Uovo di Colombo, qui: https://helpcenter.websitex5.com/post/142138
.
ciao
Author
Grazie per la dritta che mi havete dato, ed ho capito cosa fare, (penso?!?!), ma sono un po' acerbo ancora sulla creazione dei siti web, quindi vi chiedo dove trovo il file da modificare, tra i miei file salvati su disco per la modifica del codice html?
se c'è bisogno vi allego uno screenshot della cartella.
grazie
Author
...
devi semplicemente copiare i miei codici , e incollarli nel tag head..... al passo 4 Impostazioni avanzate/statistiche,codici,seo/esperto/prima della chiusura del tag head....
fonte ufficiale: http://quellidelcucuzzolo.altervista.org/
... dipende da quale degli esempi proposti vuoi adottare, tutti e due semplicissimi, ed ottenibili direttamente nel Progetto potendolo esportare tranquillamente coretto; ... quindi a quale fai riferimento...?...
... nel caso volessi mantenere gli oggetti che attualmente hai in Intestazione, come nell'esempio di base, spostali sul lato sinistro, in un'area compatibile per il mobile minimo, diciamo entro i 320-480 pixel a seconda di cosa vuoi preferire...
... una volta fatto posta il link aggiornato ed eventualmente si vedrà poi il da farsi per quanto riguarda la soluzione di base...
.
Author
mi spiego esattamente cosa vorrei fare, la parte del sito in responsive deve rimanere piu fedele possibile alla verzione del desktop, io parlo dell'INTESTAZIONE solo, il resto va tutto bene.
quindi ho creato con photoshop la foto piu significativa del locale con le scritte fisse necessarie.
ho messo la foto di 320x480 in alto a sinistra ma rimane corta immediatamente sotto i 950px e viene tagliata al minimo dello schermo da smartphone.
quello che ormai è chiaro che voglio che sia proporzionale alle varie grandezze come in molti esempi proposti da voi.
quindi il problema è come fare a farlo con i consigli che mi avete proposto voi, possibilmente tramite il programma website x5 acquistato....
grazie ancora
quindi una cosa semplice con solo immagine senza nessun link, tipo questa:
http://www.mirboprova.altervista.org/topfull/
Author
inizialmente mi va bene come il tuo esempio proposto, in futuro vorrei inserire alcuni link essenziali come il collegamento a maps con indirizzo del locale o azienda, chiamata diretta da cell. ecc.
... non ho capito quale degli esempi linkati precedentemente faccia al tuo caso...
... perchè uno ha dei contenuti ospitati in intestazione e l'altro no, e sono soluzioni indipendenti...
.
Author
Questo qui http://www.mirboprova.altervista.org/topfull/ sarebbe perfetto su una foto messa come sfondo nell'intestazione.
Cmq se si puo mettere pure un link meglio...
@cristian, intanto prepara il sito con l'immagine in intestazione, e mettila online, poi metti il link per poter procedere...
Author
il sito è questo www.ristorantesaloon.com.
ho caricato nell'intestazione del responsive foto pronta di 730x400px larga perfetta per il max del range tablet.
Author
Mirko Boschetti spero che tu possa darmi un aiuto al piu presto volevo provare a fare qualche prova in giornata...
ieri non ho piu potuto proseguire il discorso perche non avevo internet..
grazie
forse non ci siamo capiti....tu vuoi che questa immagine sia presente anche nel responsive o...?
http://www.ristorantesaloon.com/style/top.png
nel tuo esempio hai messo 2 immagini diverse, nel mio link l'immagine è 1 ed è sempre quella....
... per me la soluzione migliore sarebbe quella di saper impostare un layout con arte e con gli strumenti del programma, senza strafare; non serve...
... ho notato uno sfondo di bassa qualità, inadeguato, e di peso spropositato, 4 MB!, assolutamente da eliminare; ... max 200-300 KB...
... intanto e comunque, non avendo io il programma!, vedi qui una mia rapida ed originale rivisitazione sul clone del tuo sito editato direttamente in rete, riferita allo slideshow:
http://www.zspace.it/kolasim/trash/intestazioneCristian143243_k1.html
http://www.zspace.it/kolasim/trash/intestazioneCristian143243_k2.html
... il codice usato lo rilevi dal sorgente in HEAD al rigo 31 a partire da:
<!-- EXTRA INIZIO -->
.
ciao
Author
se fosse possibile vorrei che rimanesse tutto com'è, con lo slidshow, il logo, le scritte e il link di maps attivo, sopprimendo i vari link dei social.
se non fosse possibile o solamente una idea sbagliata accetto anche di metterci solo una foto che ti allego gia modificata dove manca solo il link di maps e il logo che metto al volo se possibile.
Author
come hai fatto tu che hai inserito pure lo slidshow è perfetto, ma la foto di sfondo non la metterei, solo le scritte e il logo di maps sul solito sfondo di colore grigio.
Author
questa dovrebbe essere l'intestazione e dove c'è la foto lo slideshow, sul logo maps il link attivo per creare il percorso, tutto il resto sacrificabile.
chiedo troppo?
>> http://www.zspace.it/kolasim/trash/intestazioneCristian143243_k3.html
... per la parte HEAD vedi dove e come detto prima, e per il DIV_CUSTOM guarda dal rigo 190 a partire da: <!-- DIV_CUSTOM INIZIO -->
... non avendo il programma non posso dirti di più, ma posso solo indicarti che il codice in HEAD va inserito nelle opzioni del Codice personalizzato al Passo_4 | ESPERTO | Prima della chiusura del TAG /HEAD; ... ed il codice del DIV_CUSTOM va inserito sempre nella stessa sezione ESPERTO selezionando l'opzione Prima della chiusura del TAG /BODY
... l'idea è quella, sta a te personalizzartela a piacere, ma come avevo detto nel post precedente, a saper usare il programma il gioco non vale la candela...
.
ciao
Author
non so come inserire un link che faccia chiamare il numero del locale con uno smartphone , sotto al numero stesso o ad un immagine a forma di cornetta.
mi basterebbe averlo solo nella parte responsive.
chi piu aiutarmi?
grazie
avresti dovuto aprire un Post nuovo....comunque metti cosi:
In oggetto html:
Chiama il:<a href="tel:0123456789">0123456789</a>