Creato da marirosario il 08/04/2011

io

volo libero

ULTIMI COMMENTI

 

 

  

 

 

 

AREA PERSONALE

 

TAG

 

ARCHIVIO MESSAGGI

 
 << Febbraio 2019 >> 
 
LuMaMeGiVeSaDo
 
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28      
 
 

 

« puntosfondi nei profili »

video dentro sfondo

Post n°50 pubblicato il 14 Novembre 2012 da marirosario

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:

 

<div style="background-image: url(http://digidownload.libero.it/marirosario/sfondo1.GIF); width: 601px; background-repeat: no-repeat; background-position: 10px 30px; height: 406px; font-size: 18px;">

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

 

fatto questo passiamo al video: questo è il codice:

 

 

'

'

<p style=" margin-top:30px;margin-left:10px;;"><img src="http://blog.libero.it/x/pics/nu/segnapostofilmato_ext.jpg" alt="Xternal-01GQ2z_ghymQc?&amp;autoplay=1&amp;loop=1&amp;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>&nbsp;</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?&amp;autoplay=1&amp;loop=1&amp;playlist=GQ2z_ghymQc"

width="300" height="250" /></p><p>&nbsp;</p>

</div>

'

 

 

 

 

Se qualcosa non fosse chiaro chiedete pure.

 

Una buona giornata

Mario

 

 
 
 
Vai alla Home Page del blog

ULTIME VISITE AL BLOG

RicamoAnimerespirami.dentrovenereblu.aanchise.enzoLASVERGAS.SAngeloQuarantaNuvola_volamarirosarioTerzo_Blog.GiusMaledettodaunangeloMB356D_issolvenz_aSEMPLICE.E.DOLCEAli.Sense
 

CHI PUÒ SCRIVERE SUL BLOG

Solo i membri di questo Blog possono pubblicare messaggi e tutti possono pubblicare commenti.
 
 
Citazioni nei Blog Amici: 130