Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Angel Wars

Como colocar qualquer tipo de vídeo na página HTML

Por , em Desenvolvimento frontend

Recommended Posts

Angel Wars    0

Angel Wars
Postado

É Bem básico, foi eu que fiz, estou aprendendo ainda, sei que tem algumas coisa erradas, mais sou novo ainda.


<html><head><title>AMC Brasil - Muito Mais</title>
<body bgcolor="#282828">
<style>
body {
background-image: url("http://i.imgur.com/Q9GSk0W.png");
background-position: center;
}
</style>
</body>
<div style="text-align: center;"><img id="Image-Maps-Com-image-maps-2015-04-06-163642" src="http://i.imgur.com/RNuGmzr.png" border="0" width="1134" height="851" orgWidth="900" orgHeight="851" usemap="#image-maps-2015-04-06-163642" alt="" />
<map name="image-maps-2015-04-06-163642" id="ImageMapsCom-image-maps-2015-04-06-163642">
<area  alt="" title="Facebook" href="https://www.facebook.com/AMCBrasilTV" shape="rect" coords="694,5,770,83" style="outline:none;" target="_self"     />
<area  alt="" title="Twitter" href="https://www.twitter.com/AMCBrasilTV" shape="rect" coords="773,7,849,82" style="outline:none;" target="_self"     />
<area shape="rect" coords="898,849,900,851" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map></div>
  
<iframe style="width: 440px; height: 275px;" src="//www.youtube.com/embed/x4p8sMmRl64" allowfullscreen="" frameborder="0"> </iframe>

Compartilhar este post

Link para o post
Compartilhar em outros sites

guilomaker    31

guilomaker
Postado

você ta usando uma imagem como seu layout, acho que primeiro você deveria criar uma estrutura com html e css porque dessa forma que você fez ta bem confuso e errado.

 

crie uma div pro conteudo uma pro sidebar direito e um footer, acho que só essas 3 principais divs já estruturaria seu layout.

 

ai e só adicionar o que quiser na parte branca, adicionar dentro da div.

 

fiz um exemplo aqui pra você, fiz de uma forma bem simples, mais que da pra você entender!

 

http://guilhermesena.com.br/amc/

 

se quiser baixar os arquivos

 

http://guilhermesena.com.br/amc/amc.rar

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito