CODICE I-FRAME RESPONSIVE
Auteur : Roberto M.Salve ragazzi. Mi sono letto varie discussioni sugli i-frame ma...colpa un po della mia incompetenza sulla materia , mi occorre un semplice codice per far visualizzare un forum phpbb (già responsive) su una pagina del sito realizzato con X5 Evo (utimo aggiornamento fatto 10 minuti fa all'ultima versione).
Sul sito X5Evo Ho creato un Nuovo LIVELLO chiamandolo FORUM poi ho creato una nuova pagina html chiamandola FRAMESET. Ora il puntamento del Livello è diretto a FRAMESET nel quale mi deve comparire il forum Ospite PhpBB. Inizialmente la visualizzazione su FRAMESET avveniva nel classico modo ossia :
<iframe src="http://opelcalibra.altervista.org/forum/" width="100%" height="950">
Contenuto alternativo per i browser che non leggono gli iframe.
</iframe>
Ovviamente il Forum avendo tabelle nelle categorie più o meno basse o alte a secondo delle discussioni
avevo problemi di visualizzazione sia da PC che da mobile in quanto a volte comparivano due barre di scorrimento: una del PC e l'altra del FORUM. Traendo spunto dalle vostre discussioni penso di aver capito che il codice della visualizzazione e il codice responsive vadano inseriti nella pagina FRAMESET "oggetto pagina Html ed "ESPERTO".
Partendo dal presupposto che io voglia far comparire nella pagina FRAMESET il contenuto del Forum che si trova a questo indirizzo http://opelcalibra.altervista.org/forum/ come devo fare e soprattutto che codice inserire e dove per farlo visualizzare nel contenitore FRAMESET come responsive? Ringrazio dell'attenzione.
prova cosi, nella pagina togli tutto, poi in proprietà della tua pagina:
Prima della chiusura del tag head:
<style>
#frame {
position:absolute;
top: 230px;
left: 0px;
width: 100%;
}
</style>
Prima della chiusura del tag body:
<div id="frame">
<iframe src="http://opelcalibra.altervista.org/forum/ " width="100%" height="850"></iframe>
</div>
devi solo aggiustare la misura del top e height...
Auteur
Provato ma non funziona. Si vede la doppia barra di scorrimento orizzontale e se correggo l'altezza in visualizzazione PC da un enorme spazio bianco sotto il footer del forum. Con il cellulare ricompaiono le due barre di scorrimento orizzontale. Probabilmente sbaglio io qualcosa ma è come se il codice si comporti alla vecchia maniera ossia:
<iframe src="http://opelcalibra.altervista.org/forum/" width="100%" height="950">
Contenuto alternativo per i browser che non leggono gli iframe.
</iframe>
La procedura che ho eseguito è stata questa:
sono andato sulla Pagina FRAMESET. Ho tolto tutto poi su eperto ho messo il codice suggerito. Una volta pubblicato dal link FORUM chiama la pagina FRAMESET nel quale compare il forum ma non esattamente in maniera responsive.
Non so che fare......
Ma perchè non fai un voce del menù che ti manda sul blog aprendo il link nella stessa pagina e nel blog metti un pulsante "Torna al Sito"
Auteur
Aggiornamento. Ho cambiato alcuni parametri nella parte
Prima della chiusura del tag body:
<div id="frame">
<iframe src="http://opelcalibra.altervista.org/forum/ " width="100%" height="850"></iframe>
</div>
con
<div id="frame">
<iframe src="http://opelcalibra.altervista.org/forum/ " width="100%" height="2000" scrolling="no" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" style="border: 0;></iframe>
</div>
E già vedo meglio ma qualcosa mi sfugge. Faccio altre prove ma se qualcuno ha altre idee ben venga. Una volta risolto posto il codice completo riassumento il tutto in un breve tutorial.
Auteur
Rispondo a patrizia. Era la cosa più facile da fare ma al Club serve che il forum venga richiamato all'interno di un unico portale un po' come il Wrapper di Joomla. Oggi come oggi se agli utenti gli fai fare più di due click si straniscono.... abituati a come sono su whatsapp dove tutto è alla velocità della luce....
... solo titolo di idea, ...se la pagina del forum è sul tuo stesso spazio web, ...potresti far uso dell'iframe elastico con codice EXTRA, ...da ricercarti in rete...
... ma la vedo dura per mantenere l'elasticità nella navigazione del forum all'interno dell'iframe...
... di gran lunga migliore la soluzione proposta da Patrizia, anche per non fare confusioni tra forum e sito/blog...
.
Auteur
Niente! Nel senso che il codice funziona ma è di una lentezza stratosferica l'apertura delle discussioni. Buono per apertura di piccole pagine con testi e poche immagini. Alla fine ho scelto la soluzione postata da Patrizia. Ringrazio tutti per l'attenzione.