Visualizzare immagine webcam

[vargas]

Ciao a tutti, sul mio forum ho una sezione "webcam mare" che serve per far visualizzare la situazione meteo a chi vuole.


Ho aggiunto già diverse webcam, ma con questa (al link sotto) non so come fare.

http://www.boccadarno.it/cam-pi/

Un esempio di un'altra webcam già aggiunta è questo:

http://spearfishingteam.altervista.org/ ... ?f=27&t=42

Grazie in anticipo

[Sir Xiradorn]

Il codice è il seguente

Codice: Seleziona tutto

<iframe width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen" src="http://ipcamlive.com/player/player.php?alias=palpi"><br />
</iframe>

Via semplice: BBcode

[vargas]

Ho provato così, scrivendolo fara i 2 "img" ovviamente senza spazio

Codice: Seleziona tutto

[img]<iframe width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen" src="http://ipcamlive.com/player/player.php?alias=palpi"><br />
</iframe>[/img]

che così


... niente.
Al solito sbaglio io, ma dove???

[Sir Xiradorn]

No wrong! Devi creare un NUOVO bbcode che chiami per esempio [palpi][/palpi] e il bbcode avrà come html quel codice

[vargas]

ancora nulla...
qusto il link
http://spearfishingteam.altervista.org/ ... =27&t=1367

questa l'immagine del PCA riguardante il BBcode (che vorrei chiamare però [webcam][/webcam] )

Cattura.PNG

???

[Sir Xiradorn]

Il bbcode puoi chiamarlo come ti pare

Per il codice proviamo a semplificare.

Codice: Seleziona tutto

<iframe src="http://ipcamlive.com/player/player.php?alias=palpi"></iframe>

[vargas]

ancora nulla....

Il forum

Cattura.PNG

Il BBcode

Cattura 1.PNG

[Sir Xiradorn]

Sul forum basta inserire quel bbcode senza nulla dentro

qua un esempio: http://mea2.altervista.org/phpbb/viewto ... t=1&p=1#p1

Come vedrai ce ne stanno due versioni:
- la prima è quella che ti ho suggerito
- le seconda è più elaborata ma responsive

[vargas]

Ci sono arrivato, scusa ma sono particolarmente "de coccio"....
Adesso metto la versione più toga, quella grande

Ho parlato presto.... Come inserisco quello "responsive"?

Cambia il codice?

[Sir Xiradorn]

Questo è il bbcode nella versione responsive e come vedi la struttura è più profonda

Codice: Seleziona tutto

<div style="width: 100%; display: block; max-width:600px; padding-bottom: 45%; position: relative; overflow: hidden;">
    <iframe style="position: absolute; width:100%; height: 100%; top: 0; left: 0;" src="http://ipcamlive.com/player/player.php?alias=palpi"></iframe>
</div>