WebSite X5Help Center

 
Stefano P.
Stefano P.
User

Problema visualizzazione da cellulare  it

Auteur : Stefano P.
Visité 162, Followers 1, Partagé 0  

Buonasera,

ho riscontrato un problema ma non riesco ad uscirne.

Spiego meglio nel dettaglio.

Premesso che non ho sviluppato il sito in modalità RESPONSIVE per scelta, nella home in una cella ho inserito il codice html per incorporamento pagina facebook.

Nella stessa cella ho impostato tramite "stile dell'oggetto" la cella con immagine di sfondo.

Quando ho caricato online il sito (ora è offline) tramite visualizzazione da PC nessun problema ma tramite visualizzazione da cellulare vedo tutto correttamente ma nella cella mi lascia solo l'immagine di sfondo e quindi è come non mi avesse preso il codice html.

Poteti darmi info su questo errore grazie e un saluto a tutti.

Lascio qui sotto il codice html che ho usato.

<br>
<br>
<div class="fb-page" data-href="https://www.facebook.com/fccarpenedolo/" data-tabs="timeline" data-width="467" data-height="570" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/fccarpenedolo/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/fccarpenedolo/">FC Carpenedolo</a></blockquote></div>

Posté le
13 RéPONSES - 3 UTILE
Stefano P.
Stefano P.
User
Auteur

Grazie Claudio ma che logica di facebook è dai...

pazzesco non ho parole.

Lire plus
Posté le de Stefano P.
Giuseppe Guida
Giuseppe Guida
User

Ciao Claudio, ho trovato questo, ma non so cosa sia questa "versione discreta"... Forse con questa "versione discreta" si potrebbe risolvere da mobile?

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Stefano P.
... ... ... Quando ho caricato online il sito (ora è offline) tramite visualizzazione da PC nessun problema ma tramite visualizzazione da cellulare vedo tutto correttamente ma nella cella mi lascia solo l'immagine di sfondo e quindi è come non mi avesse preso il codice html.... ... ...

... forse dovresti postare il LINK di esempio per poter interpretare e valutare qualcosa...
... il tuo codice postato nel primo post è un semplice e normale collegamento che funziona allo stesso modo sia da PC che da smartphone...
...
... se invece vuoi usare l'oggetto facebook  del programma, con il mio codice/escamotage (già anticipato da Claudio)  puoi continuare ad usarlo normalmente nel PC, ed a risoluzioni ridotte sostituirlo automaticamente con una immagine con collegamento per lo stesso scopo...
... già alcuni utenti anche in altre lingue lo hanno capito, preferito ed adottato...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Se ti interessa, io ho creato questa pagina che da PC si vede normalmente con l'oggetto Facebook Plugin di Website X5, mentre con uno script, da mobile mi fa visualizzare un messaggio di alert con link per visitare la mia pagina FB:

Per provare visita il seguente link da PC e poi da smartphone:https://www.bozzasito001.altervista.org/social_plugin/social-plugin.html

Il codice per far apparire quel messaggio di alert solo da dispositivi mobili l'ho inserito in un Oggetto HTML all'interno della stessa pagina contente l'Oggetto Facebook Plugin.

Nella sezione "Codice HTML" dell'Oggetto HTML inserisci questo script:

<div id="FBmobile"></div>

<script>
// Funzione per determinare se l'utente è da dispositivo mobile
function isMobileDevice() {
return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
}

// Se l'utente è da dispositivo mobile, aggiungi questo messaggio al div
if (isMobileDevice()) {
document.getElementById('FBmobile').innerHTML +=
'ATTENZIONE! Questa sezione è visibile da PC ma potrebbe non essere visibile su Smartphone e Tablet. In alternativa visita la mia Pagina Facebook <a href="https://www.facebook.com/giuseppeguidacabaret"><br>CLICCANDO QUI</a>';
}
</script>

Mentre nella sezione "Esperto" dello stesso Oggetto HTML, inserisci questo CSS (CSS modificabile a piacere dall'utente in base a quale grandezza vuole del testo e quale colore. Si possono aggiungere altre formattazioni al messaggio di alert inserendo gli opportuni CSS):

#FBmobile {
font-size: 18px;
color: #000;
}

Occhio soltanto a sostituire l'URL della mia Pagina Facebook evidenziato in grassetto nello script con i'URL della tua Pagina Facebok

Ciao

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. Ho letto solo dopo il post di KolAsim che mi era sfuggito, fondamentalmente credo sia lo stesso metodo usato da Kol, a lui appare immagine con link a me messaggio di Alert con link.

Lire plus
Posté le de Giuseppe Guida
Stefano P.
Stefano P.
User
Auteur

Vi ringrazio ma quello che mi suggerite non fa al caso mio perchè sostanzialmente ho creato uno sfondo cella che rappresenta un tablet dove all'interno puoi far scorrere la pagina facebbok inserita con codice html nella home page tra l'altro.

Quindi anche a livello grafico ha il suo perchè a livello di impatto.

Lire plus
Posté le de Stefano P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come detto prima, il tuo precedente codice è un normale collegamento che non comporta problemi di sorta, quindi senza vedere nulla non si può valutare...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

@KolAsim

nella parte alta della pagina il codice che Facebook "spaccia" per "discreto" ... ma non cambia nulla... sul mio smartphone non si vede , sul tablet si... 

nella parte bassa il codice di Stefano , che è quasi identico

https://claudio-d.websitex5.me/gallery/facebook.html

Lire plus
Posté le de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao Claudio, ... per il tuo esempio:

> (+) mi funzionano ambedue nel PC

> (-) nessuno dei due mi funzionano nello smartphone, e senza traccia, nessun contenuto alternativo;

> (-) il tuo codice 1°esempio messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo nè nel PC e nè nello smartphone;

> (+/-) il codice iniziale di Stefano messo in una mia pagina HTML CUSTOM mi produce il normale collegamento testuale <a>, sia nel PC che nello smartphone;

> (-) la tua copia (2°esempio) del codice di Stefano messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo, nessun contenuto alternativo, nè nel PC e nè nello smartphone.

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT
 ‪ KolAsim ‪ ‪
... ciao Claudio, ... per il tuo esempio: > (+) mi funzionano ambedue nel PC > (-) nessuno dei due mi funzionano nello smartphone, e senza traccia, nessun contenuto alternativo; > (-) il tuo codice 1°esempio messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo nè nel PC e nè nello smartphone; > (+/-) il codice iniziale di Stefano messo in una mia pagina HTML CUSTOM mi produce il normale collegamento testuale <a>, sia nel PC che nello smartphone; > (-) la tua copia (2°esempio) del codice di Stefano messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo, nessun contenuto alternativo, nè nel PC e nè nello smartphone.

strano non si veda nulla sul pc... hai mica qualche adblocker ? perchè se si, FB non appare...

io vedo questo da pc 

Lire plus
Posté le de Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... sul PC mi funziona come da tuo STAMP ... wink...

 ‪ KolAsim ‪ ‪
... ... ...  > (+) mi funzionano ambedue nel PC ... ... ... 

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪