Gadget Facebook ingombrante
Author: Fabio B.
Visited 3046,
Followers 1,
Shared 0
In questa pagina: http://pinovenditti.bottegadelwebmaster.com/
Ho dovuto non solo riservare un'intera riga della pagina ma anche ben 210 px vuoti per consentire la visualizzazione della finestra per i commenti.
C'è modo di bruciare questi spazi morti facendo apparire la finestra per scrivere i commenti su un livello sovrapposto alla cella sottostante?
Posted on the
Author
Meglio sarebbe poter ridurre anche l'ingombro necessario in larghezza alle strette necessità di visualizzazione.
Buongiorno Fabio,
hai usato il widgets di Facebook presente nell'oggetto HTML di WebSiteX5? La finestra per inserire i commenti si apre a popup.
Author
Esatto...e bisogna riservare a questo piccolo widget tutta una riga in larghezza e almeno 210 px vuoti di pagina sotto al bottone per consentire l'apertura e la visualizzazione per intero del pop-up col tasto di invio del commento. E' proprio questo enorme ingombro vuoto il problema.
Non si potrebbe, con l'HTML5, far sovrapporre il pop-up del commento alla cella sottostante facendolo apparire in primo piano di due livelli distinti?
Buongiorno Fabio,
hai provato con un progetto nuovo? io non ho notato questo difetto, inoltre aprendosi la finestra in popup non necessita di una spazio nella pagina visto che si apre in una nuova finestra.
Author
Ciao Riccardo. Ho appena provato e ti confermo il problema:
http://prove.bottegadelwebmaster.com/fb_widget3.html
Come puoi vedere se si imposta l'altezza della cella per contenere il widget di FB a 50 px, la finestra per l'inserimento del commento rimane in secondo piano rispetto alla cella seguente o proprio tagliata tout court. Per poterla visualizzare interamente ed usare il tasto di invio è necessario riservarle un'altezza di 210 px come nell'allegato.
Anche la larghezza che si prende (tutta la riga) è eccessiva; non è ergonomica.
Anche sulla 8 c'era (c'è) lo stesso problema.
Qui, un vecchio topic:
http://forums.incomedia.info/websitex5/viewtopic.php?t=25492
Sono entrato con l'account FB del mio gatto ed ho provato l'esempio linkato.
Prova ad inserire questo codice nella sezione esperto del codice HTML:
http://lemonsong.altervista.org/test_wsx5answers/index.html#41328
In rosso da personalizzare.
!important potrebbe essere superfluo .
E' solo una prova, sicuramente si può semplificare ulteriormente il codice.
Provato solo con Firebug (FF).
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Ciao Lemonsong. Ho provato ad inserire papale papale il codice che dici, ma non sapendo come personalizzarlo (come sai io non parlo l'HTML, per questo uso un visual editor) a me non ha cambiato niente.
Se ne hai voglia prova tu ad aprire una pagina di esempio facendo le personalizzazioni del caso; sono sicuro che tu sei capace di farla fungere.
Ho dimenticato la parola oggetto
Correggo:
Prova ad inserire questo codice nella sezione esperto (mi sembra che la 9 la chiami così) dell'oggetto HTML e Widgets
Se funge, si può trovare una soluzione per ridurre al minimo le personalizzazioni.
Comunque quel codice è (dovrebbe essere) "giusto" per l'esempio da te linkato.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Ho aggiunto un secondo test nella solita pagina (refreshala):
http://lemonsong.altervista.org/test_wsx5answers/index.html#41328
Questo va messo nell'oggetto HTML e Widgets, dopo il codice di FB
Non ha (dovrebbe avere) bisogno di personalizzazioni.
I commenti (in verde) puoi non incollarli
Se fungono, sono solo toppe!
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Sì Lemo, nel primo test avevo messo il codice dove hai detto ma non funge.
Nel secondo test invece va tutto alla grande. Problema risolto. Grazie. Ora che è stato correttamente individuato e risolto il problema spero che la soluzione venga implementata in modo standard in WSX5 per renderla automatica.
Non esattamente dove avevo detto
http://www.webalice.it/lemonsong/overflow_fb.png
Per il secondo, bene ma non canta' vittoria troppo presto
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Avevi ragione al 110%: ho rifatto il primo test inserendo il codice CSS nella sezione Esperto della cella anzichè della pagina e funge benissimo.
Author
Ho appena fatto la correzione nel sito seguente:
http://pinovenditti.bottegadelwebmaster.com/
Col codice nella sezione Esperto non ha funzionato, ma col codice nella sezione body sì (test 2).
Perché devi personalizzare: 11 al posto di 2
Sono gli id dei vari div che WS crea automaticamente quando aggiungi un oggetto.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Capito. Grazie infinite.