WebSite X5Help Center

 
Roberto M.
Roberto M.
User

CODICE I-FRAME RESPONSIVE  it

Autor: Roberto M.
Visitado 1594, Seguidores 3, Compartilhado 0  

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.

Publicado em
7 RESPOSTAS - 1 CORRIGIR
Mirko Boschetti
Mirko Boschetti
Moderator

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...wink

Ler mais
Publicado em de Mirko Boschetti
Roberto M.
Roberto M.
User
Autor

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......

Ler mais
Publicado em de Roberto M.
Fabio C.
Fabio C.
User

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"

Ler mais
Publicado em de Fabio C.
Roberto M.
Roberto M.
User
Autor

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.

Ler mais
Publicado em de Roberto M.
Roberto M.
Roberto M.
User
Autor

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....

Ler mais
Publicado em de Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto M.
... ...  E già vedo meglio ma qualcosa mi sfugge. Faccio altre prove ma se qualcuno ha altre idee ben venga. ... ... 

... 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...
.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Autor

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.

Ler mais
Publicado em de Roberto M.