I video e le immagini che son contenuti nel mio blog son stati raccolti nel web; son pertanto ritenuti pubblici e restano di proprietà del rispettivo autore. Se qualcuno notasse qualche violazione o si ritenesse leso è pregato di segnalarla, provvederò immediatamente alla rimozione.
ULTIMI COMMENTI
AREA PERSONALE
TAG
| « punto | sfondi nei profili » |
Aggiornamento del 16/05/2014
ho riscritto una nuova procedura che semplifica notevolmente ciò che avevo pubblicato a suo tempo.
la troverete in questo link
http://digilander.libero.it/marirosario/videonelleimmagini.pdf
liberamente scaricabile.
Lascio x notizia il post precedente pubblicato
ma vi consiglio di utilizzare le istruzioni sopra indicate.
Un buon proseguo
Mario
----------------------------------------------------------------------
Post superato:
Tempo fa ho messo un aiutino su come mettere gli
sfondi nei vostri box e mettervi sopra delle immagini semirasparenti in modo da vederlo attraverso le stesse.
Oggi, anche perchè ho avuto delle richieste in merito,
scriverò su come mettere degli sfondi di dimensione
limitata, non ripetuti,su cui posizionare dei video
... come quello che vedete qui di seguito.
Prova Immagine
Mettiamo che vogliamo lasciare un margine di 10px
fra il bordo sx del box e questo nostro fondo
e di 30px dal margine superiore.
Sapendo la dimensione del vostro video,
mettiamo 300 x 250 px, volendo lasciare un
residuo di immagine attorno diciamo di 100 px
sappiamo già che il nostro sfondo dovrà essere
di 600 x 450 pixel (150 a sinistra,150 a destra =300 + 300=600px; 100 in alto e 100 in basso =250+300=550px)
sapendo questo mettiamo il nostro sfondo in questo modo:
l'url dell'immagine che vogliamo come sfondo
width è la larghezza dello sfondo
height è l'altezza dello sfondo
background-position:
primovalore = distanza dal bordo sx
secondo valore = distanza dal bordo superiore
'
'
<p style=" margin-top:30px;margin-left:10px;;"><img src="http://blog.libero.it/x/pics/nu/segnapostofilmato_ext.jpg" alt="Xternal-01GQ2z_ghymQc?&autoplay=1&loop=1&playlist=GQ2z_ghymQc" width="300" height="250" /></p>
'
'
margin top = distanza dal bordo superiore del box
margin left = distanza dal bordo sinistro del box
width = larghezza del video
height= altezza del video
(il video in esame è stato messo in autoplay e loop.)
giocando sui valori innanzi citati potete spostare il
video dove meglio vi piace...
questo è il codice completo
'
<div style="background-image: url(http://digidownload.libero.it/marirosario/sfondo1.GIF);
width: 600px; background-repeat: no-repeat;
background-position: 10px 30px; height: 550px; font-size: 18px;">
<p> </p>
<p style=" margin-top:30px;margin-left:10px;"><img src="http://blog.libero.it/x/pics/nu/segnapostofilmato_ext.jpg"
alt="Xternal-01GQ2z_ghymQc?&autoplay=1&loop=1&playlist=GQ2z_ghymQc"
width="300" height="250" /></p><p> </p>
</div>
'
Una buona giornata
Mario
Condividi e segnala 
Inviato da: Lita890dgl0
il 05/12/2021 alle 00:50
Inviato da: Lita890dgl0
il 05/12/2021 alle 00:49
Inviato da: Lita890dgl0
il 05/12/2021 alle 00:48
Inviato da: Lita890dgl0
il 05/12/2021 alle 00:46
Inviato da: Lita890dgl0
il 05/12/2021 alle 00:44