Sites, dicas e tutoriais. Tudo aquilo que eu acho bacana e funcional fica guardado bem aqui!

Elaine Gaspareto


Eu descobri este site  por acaso e acabei aprendendo muito com ele. Sempre tiro dúvidas sobre html e/ou utilizo suas dicas que na maioria das vezes dão super certo para mim e para o que eu preciso.* Por isso, recomendo!

*html é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto".




Quer colocar moldura no seu vídeo de YouTube? 
Isso e muito mais você encontra lá!



Código da moldura para COPIAR e COLAR no seu blog:


</div>
<center>
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimdk1N5KYGcEpNqRSb_wBWyo9pH4VA8WjsrIZhhLk0m3AMjZxrY1E4mBsw-NtNlQofJSsss5TjHGKovIUkmr3XV3UsnYDZjpJObUUBq2cvVeUewbhz_KA_jTawMYzuXiUEpCX3RN-O-W4/s1600/televis%25C3%25A3o+antiga.png) left no-repeat; height: 300px; width: 300px;">
<div style="float: left; padding-left: 27px; padding-top: 105px;">
<iframe allowfullscreen="" frameborder="0" height="164" src="//www.youtube.com/embed/hAPTjrxv9Rw? controls=0" width="192"></iframe></div>
</div>


Aqui você vai manter a moldura que já está ou vai colar o endereço de uma nova moldura.

Aqui você troca o código existente pelo código do vídeo que você desejar ver na tela.

Trocando os números, você mexerá no tamanho e no formato da moldura e do vídeo. Para mim, é um exercício de paciência e persistência! 


EXEMPLO MODIFICADO:




<div style="text-align: justify;">
<center>
<div style="background: url(https://i.pinimg.com/originals/65/27/0e/65270e982cb5e5fa1c4943f2d1df13ee.png) left no-repeat; height: 300px; width: 300px;">
<div style="float: left; padding-left: -65px; padding-top: 55px;">
<iframe allowfullscreen="" frameborder="0" height="190" src="//www.youtube.com/embed/7C3Ug43Xzaw?
" width="295"></iframe></div>
</div>