Sito responsive: Promo visibile se consultazione da dispositivo Mobile
Autor: Carlo Alberto C.Salve,
Con X5 Pro, sto provando a creare una cosa con le versioni responsive del sito.
In pratica:
> visualizzo con una risoluzione adeguata, visualizzo la versione del sito da desktop.
> visualizzo con una risoluzione da smartphone (che andra impostata) visualizzo una pagina che contiene un link alla pagina delle promozioni o un contenuto molto molto stringato e magari le promozioni.
Ho provato a usare le media Query delle .css in particoalre questo codice:
creo una semplice sezione con la classe "promozioni" e poi il CSS che nasconde questa sezione sui dispositivi più grandi.
Per prima cosa, l'HTML:<section class="promozioni"> <h2>Offerte speciali per te!</h2> <p>Scopri le nostre promozioni esclusive.</p></section>
Poi, il CSS:@media (min-width: 768px) { .promozioni { display: none; }}
ho provato in sezione pagina 4, aggiungo una riga in cima, aggiungo codice html e codice html avanzato css... e inserisco il codice...
ma non gira...
in cosa sbaglio? avete qualche idea?
Grazie
... non ho ben capito cosa vuoi esattamente fare...
... secondo me dovresti usare il mio metodo del div_sino...
... questo è uno dei diversi siti (PL) in cui è stato applicato il mio codice per il caso oggetto facebook; ... se restringi la finestra a risoluzioni inferiori noterai quel che avviene...
http://www.bielizna-marzena.pl/
... se non mi posti il tuo LINK per valutare ed abbreviare gli interventi, ...puoi anche capire e far da te prendendo spunto per esempio da questo Topic (PL) di riferimento di quello stesso sito:
https://helpcenter.websitex5.com/es/post/267508
... ma troverai in giro anche diversi altri riferimenti a questo mio metodo...
.
Autor
Grazie KolAsim, non è questo a cui faccio riferimento. Ho provato alcune soluzioni ma non riesco a capire come fare, provo a spiegarmi magari con qualche foto:
Visualizzo da PC vedo questo:
Visualizzo da smartphone o sotto una risoluzione xxxx vedo il sito ma compare la promo prezzi
so che si può fare, l'ho gia visto e rivisto ma non riesco a crearlo
ho terminato le ideee
... come detto prima, se posti il tuo LINK di un semplice esempio online, sarebbe meglio...
... in pratica, se ho capito, l'immagine grigia è un popup/modale che deve apparire solo nello smartphone...?...
... se sì, ...allora puoi usare il messaggio pubblicitario del programma con aggiunta di un mio semplice codice EXTRA, oppure applicare un EXTRA messaggio pubblicitario dinamicamente con mio codice EXTRA, .. (oppure far aprire in uno ShowBox) .
... con il mio codice si vedrà il popup/showbox solo a risoluzioni inferiori per esempio sotto i 720px, e non si vedrà a risoluzioni PC...
... prova e posta il LINK applicando il messaggio pubblicitario, (altrimenti aggiungerò il mio), e poi passeremo al codice personalizzato, immediato e semplice.; ...
se l'avevi fatto avresti già potuto risolvere...
.. se vedrò il LINK tornerò qui....
.
ciao
.
Autor
.. come detto prima, se posti il tuo LINK di un semplice esempio online, sarebbe meglio...questo è il link
h67.altervista.org ma non è presente quello che sto provando a fare..
Ora è pèresente messaggio pubblicitario ma non funziona nemmeno quello..
ho provato il tuo script del sito .pl ma non gira nulla. Mi sto perdendo in un bichhiere d'acqua mi sa
... OK ... ho visto il messaggio pubblicitario...
... tu cosa vuoi ottenere...?...
... se per caso non vuoi che si veda nel PC e che si veda solo nel mobile per esempio sotto breakpoint 720px, è semplice come da mio link postato prima, e nel caso ti interessi questo avvisami se vuoi procedere in questo senso, oppure spiegami meglio cosa ti interessa...
.
Autor
esattamente quello che dici, non voglio che si veda da pc ma solo sotto breackpoint. Ho provato il tuo codice ma non riesco a capire bene come farlo.
Inoltre... Dici che hai visto il messaggio... io non vedo nulla... solo una X??
... vedo fuffi incerottato...
... questo è il mio codice div_sino per il tuo caso:
<style>
#splashbox-advcorner{display:none !important}
@media(max-width:719px) {
#splashbox-advcorner {display:block !important;}}
</style>
... il messaggio pubblicitario appare solo in due pagine delle tre attuali, ...quindi il codice devi inserirlo nelle Proprietà di ambedue la pagine, in questa sezione:
> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto >
▪Codice personalizzato: > 3^ opzione > Prima della chiusura del tag HEAD.
.
ciao
.
Autor
GRAZIE!!!!!!!!!!!!!!!
funziona perfettamente. Proprio come lo desideravo...
e' assolutamente perfetto, davvero grazie grazie grazie
... ho controllato ... OK ... funziona correttamente... ciao ...