Como eu coloco video no meu codigo

2 participantes

Ir para baixo

Tópico resolvido Como eu coloco video no meu codigo

Mensagem por Poliare 22.06.12 18:31

Qual é minha questão:
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">
@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #333333;
}

body {
  width: 790px;
  margin: 0 auto;
  background: #000000 url(i47.tinypic.com/2zrpche.gif) no-repeat top;
    position:relative;
}

.clear{
  clear:both;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

h2 {
  font-size: 1.2em;
  font-variant: small-caps;
  color: #6cc606;
}

h1 {
  font-variant: small-caps;
  color: #0099CC;
}

p {
  font-size: 0.8em;
}


em {
  font-weight: bold;
  font-style: normal;
  color: #6cc606;
}

strong { 
  padding-left: 15px;
  color: #333333;
}

/*  HEADER */

#header {
  padding: 15px 0px 15px 20px;
}

#header a img {
  border: none;
}

/* END HEADER */

#shadow {
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
  height: auto;
  padding: 0 5px 1px 5px;
}

/* MENU */

#menu {
  height: 30px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}


#menu li {
  float: left;
  list-style-type: none;
  padding-top: 5px;
  color: #666666;
}

#menu li a:link, #menu li a:visited {
  color: #FFFFFF;
  font-size: 1.1em;
  padding: 5px 43px 0 43px;
  font-variant: small-caps;
  font-weight: bold;
}

#menu li a:hover, #menu li a:active {
  text-decoration: none;
  color: #2382db;
  font-size: 1.1em;
  padding: 5px 43px 0 43px;
  font-variant: small-caps;
  font-weight: bold;
}

/* END MENU */

/* CONTENT */

/* EDITO */

#edito {
  background: url() top right no-repeat;
  background-color:  #E6E6E6 ;
}

#edito h2, #edito p {
  padding-top: 20px;
  padding-right: 100px;
  padding-left: 20px;
}

#edito p {
  width: 500px;
}

#edito a:link, #edito a:visited {
  color: #FFFFFF;
  font-size: 16px;
}

#edito a:hover, #edito a:active {
  text-decoration: none;
  color: #333333;
  font-size: 16px;
}

#button_edito {
  display: block;
  height: 25px;
  width: 150px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
  text-align: center;
  padding-top: 3px;
  margin-left: 290px;
  font-weight: bold;
  margin-top:10px;
  padding-bottom:10px;
 
}

/* END EDITO */

#toal {
  height: 20px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}

/* CONTENT */


#content {
  padding: 20px 0;
}

#vertical_barr {
  border-left: #0099CC solid 1px;
  border-right: #0099CC solid 1px;
}


#content div {
  float:left;
  width: 215px;
  padding: 0 10px 0 30px;
}

#content div p {
  padding-top: 10px;
}

#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
  color: #333333;
}

#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
  color: #6cc606;
  font-weight: bold;
}

a.content_button:link, a.content_button:visited {
  color: #FFFFFF;
}

a.content_button:hover, a.content_button:active {
  text-decoration: none;
  color: #333333;
}

.content_button {
  display: block;
  height: 15px;
  width: 75px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
  margin: 15px 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.7em;
}

#content div ul {
  font-size: 0.8em;
  margin-left: 20px;
}

#content div li {
  padding: 8px 0 0 0;
}

#resol {
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  position:fixed;
  -position:absolute;
  font-size: 10px;
  width:230px;
  top:0px;
  left:1280px;
  margin:0 auto;
  background:#bfc6d9;
  text-align:center;
}

#resol h1 {
  background:none;
  font-size: 15px;
  letter-spacing:3px;
  padding:0px;
  margin:0px;
  border: 0px;
}

#resol h2 {
  font-size:10px;
  letter-spacing:3px;
  padding:0px;
  margin:0px;
  border:0px;
  background:none;
}


/* END CONTENT */
<div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
/* FOOTER */

#footer {
  height: 70px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
  padding: 0 5px;
  margin-bottom: 20px;
}

#footer p {
  color: #FFFFFF;
  padding-top: 30px;
  text-align: center;
}

#footer p a {
  color: #FFFFFF;
}

#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}

#footer_terms h1 {
  padding: 60px 0px 0px 0px; color: #7aaec6;
  text-align:right;
  border:0px;
  font-variant:normal;font-size: 0.8em;font-weight: normal;
  text-decoration:none;background: none;
}

#footer_terms a  { text-decoration: underline;}

#footer_terms strong,#footer_terms a {
  color: #7aaec6;
  font-weight: normal;
  background: none;
}

#holder {
  min-height: 100%; position: relative; margin:0 auto;
  -position:absolute;
  -background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
  -overflow-x :hidden;
}

/* END FOOTER */

/*dix-forum.forumeiros.com! Criado por JUFASA*/

div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%;  }
</style>

<title>LTO SERVE - New page</title>
</head>
<body>
 <div id="holder">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="#"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
  <!-- MENU -->
  <ul id="menu">
    <li> <a href="/forum">Fórum</a> </li>
    <li> | </li>
    <li> <a href="/portal">Parceiros</a> </li>
    <li> | </li>
    <li> <a href="/f1-">Novidades</a> </li>
    <li> | </li>
    <li> <a href="/contact">Contacto</a> </li>
  </ul>
  <div class="clear"></div>
  <!-- END MENU -->
  <!-- EDITO -->
  <div id="edito">
      <h2>Seja bem-vindo(a) Lto Fórum .</h2>
      <p>Você chegou em um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas noticias e das actualizações, Nós estamos sempre a inovar desde sempre! </p>
        <a href="/forum" id="button_edito">ENTRAR</a>
  </div>
  <!-- END EDITO -->
  <div id="toal"> </div>
  <!-- CONTENT -->

  <div id="content">
    <!-- ABOUT ME -->
    <div>
      <h1>Sobre o Fórum</h1>
      <p> <em> Este fórum foi feito. </em></p>
      <p>Este fórum tem como objetivo te tirar duvidas postar novas coisas novas notícias e muito mais obg<br> Venha fazer parte desta comunidade<br><br><em> Para mais informações:</em><br>richardrubio1@hotmail.com </p>
    </div>
    <!-- END ABOUT ME -->
    <!-- NEWS -->
    <div id="vertical_barr">
      <h1>Atenção</h1>
      <p><em></em><strong></strong></p>
      <p><a href="/t188-"></a> </p>
      <p><em>»</em><strong> Tire Sua duvida </strong></p>
      <p><a href="/f1-">Clique aqui para tirar suas duvidas!</a></p>
      <a href="/f6-" class="content_button">Se Apresente</a>
      </div>
    <!-- END NEWS -->
    <!-- MEMBRO DO MÊS -->
    <div>
      <h1>Membro do Mês</h1>
      <p>Melhor membro deste mês:</p><br>
      <ul>
        <a href="/u70"> <img src="http://i47.servimg.com/u/f47/15/07/56/36/dancin10.gif"/> </a>
      </ul>
      <a href="/u70" class="content_button"></a>
    </div>
    <!-- FIM MEMBRO DO MÊS -->
  </div>
      <!-- END CONTENT -->
  <div class="clear"></div>
    <!-- END SHADOW -->
</div>
<!-- FOOTER --><div id="footer">
  <p>LTO SERVE Copyright ©2011 - 2012 | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
</div>
<!-- END FOOTER -->
</div><div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
<!-- END HOLDER -->
</body>
</html>

galera eu não sei mexer muito com os códigos se alguém poder me dar uma ajuda ai criar uma página de código para mim ficaria muito agradecido obg
Links e imagens do meu problema:
http://ltoserv.forumgratis.com.pt

Endereço do meu fórum:
http://ltoserv.forumgratis.com.pt

Versão do meu fórum:
PHPBB3


Última edição por Poliare em 22.06.12 20:16, editado 1 vez(es)
Poliare
Poliare
Novo Membro

Membro desde : 11/06/2012
Mensagens : 10
Pontos : 16

http://tibiaops.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Hancki 22.06.12 19:09

Olá!

Nesse código que colocou, em que parte deseja o vídeo e que vídeo quer lá?

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Poliare 22.06.12 19:22

Poliare
Poliare
Novo Membro

Membro desde : 11/06/2012
Mensagens : 10
Pontos : 16

http://tibiaops.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Hancki 22.06.12 19:54

Em que parte do código deseja?
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Poliare 22.06.12 20:05

em baixo de preferencia obg
Poliare
Poliare
Novo Membro

Membro desde : 11/06/2012
Mensagens : 10
Pontos : 16

http://tibiaops.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Hancki 22.06.12 20:12

Use este código:
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">
@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #333333;
}

body {
  width: 790px;
  margin: 0 auto;
  background: #000000 url(i47.tinypic.com/2zrpche.gif) no-repeat top;
    position:relative;
}

.clear{
  clear:both;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

h2 {
  font-size: 1.2em;
  font-variant: small-caps;
  color: #6cc606;
}

h1 {
  font-variant: small-caps;
  color: #0099CC;
}

p {
  font-size: 0.8em;
}


em {
  font-weight: bold;
  font-style: normal;
  color: #6cc606;
}

strong { 
  padding-left: 15px;
  color: #333333;
}

/*  HEADER */

#header {
  padding: 15px 0px 15px 20px;
}

#header a img {
  border: none;
}

/* END HEADER */

#shadow {
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/aa12210.png) repeat-y;
  height: auto;
  padding: 0 5px 1px 5px;
}

/* MENU */

#menu {
  height: 30px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/menu10.gif) repeat-x;
}


#menu li {
  float: left;
  list-style-type: none;
  padding-top: 5px;
  color: #666666;
}

#menu li a:link, #menu li a:visited {
  color: #FFFFFF;
  font-size: 1.1em;
  padding: 5px 43px 0 43px;
  font-variant: small-caps;
  font-weight: bold;
}

#menu li a:hover, #menu li a:active {
  text-decoration: none;
  color: #2382db;
  font-size: 1.1em;
  padding: 5px 43px 0 43px;
  font-variant: small-caps;
  font-weight: bold;
}

/* END MENU */

/* CONTENT */

/* EDITO */

#edito {
  background: url() top right no-repeat;
  background-color:  #E6E6E6 ;
}

#edito h2, #edito p {
  padding-top: 20px;
  padding-right: 100px;
  padding-left: 20px;
}

#edito p {
  width: 500px;
}

#edito a:link, #edito a:visited {
  color: #FFFFFF;
  font-size: 16px;
}

#edito a:hover, #edito a:active {
  text-decoration: none;
  color: #333333;
  font-size: 16px;
}

#button_edito {
  display: block;
  height: 25px;
  width: 150px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/large_10.gif) no-repeat;
  text-align: center;
  padding-top: 3px;
  margin-left: 290px;
  font-weight: bold;
  margin-top:10px;
  padding-bottom:10px;
 
}

/* END EDITO */

#toal {
  height: 20px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/toal10.gif) repeat-x;
}

/* CONTENT */


#content {
  padding: 20px 0;
}

#vertical_barr {
  border-left: #0099CC solid 1px;
  border-right: #0099CC solid 1px;
}


#content div {
  float:left;
  width: 215px;
  padding: 0 10px 0 30px;
}

#content div p {
  padding-top: 10px;
}

#content div p a:link, #content div p a:visited, #content div p a:hover, #content div p a:active {
  color: #333333;
}

#content div li a:link, #content div li a:visited, #content div li a:active, #content div li a:hover {
  color: #6cc606;
  font-weight: bold;
}

a.content_button:link, a.content_button:visited {
  color: #FFFFFF;
}

a.content_button:hover, a.content_button:active {
  text-decoration: none;
  color: #333333;
}

.content_button {
  display: block;
  height: 15px;
  width: 75px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;
  margin: 15px 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.7em;
}

#content div ul {
  font-size: 0.8em;
  margin-left: 20px;
}

#content div li {
  padding: 8px 0 0 0;
}

#resol {
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  position:fixed;
  -position:absolute;
  font-size: 10px;
  width:230px;
  top:0px;
  left:1280px;
  margin:0 auto;
  background:#bfc6d9;
  text-align:center;
}

#resol h1 {
  background:none;
  font-size: 15px;
  letter-spacing:3px;
  padding:0px;
  margin:0px;
  border: 0px;
}

#resol h2 {
  font-size:10px;
  letter-spacing:3px;
  padding:0px;
  margin:0px;
  border:0px;
  background:none;
}


/* END CONTENT */
<div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
/* FOOTER */

#footer {
  height: 70px;
  background: url(http://i49.servimg.com/u/f49/16/79/58/45/botton10.gif) no-repeat;
  padding: 0 5px;
  margin-bottom: 20px;
}

#footer p {
  color: #FFFFFF;
  padding-top: 30px;
  text-align: center;
}

#footer p a {
  color: #FFFFFF;
}

#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}

#footer_terms h1 {
  padding: 60px 0px 0px 0px; color: #7aaec6;
  text-align:right;
  border:0px;
  font-variant:normal;font-size: 0.8em;font-weight: normal;
  text-decoration:none;background: none;
}

#footer_terms a  { text-decoration: underline;}

#footer_terms strong,#footer_terms a {
  color: #7aaec6;
  font-weight: normal;
  background: none;
}

#holder {
  min-height: 100%; position: relative; margin:0 auto;
  -position:absolute;
  -background: #0099CC url(http://i49.servimg.com/u/f49/16/79/58/45/bg_gra11.gif) repeat-x top;
  -overflow-x :hidden;
}

/* END FOOTER */

/*dix-forum.forumeiros.com! Criado por JUFASA*/

div#forumeiros/Vuksrb06eb9n6feeni8td5603ldml8.feedburnerFeedBlock { right: 11%;  }
</style>

<title>LTO SERVE - New page</title>
</head>
<body>
 <div id="holder">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
<!--BEGIN OF TERMS OF USE. DO NOT EDIT OR DELETE THESE LINES. IF YOU EDIT OR DELETE THESE LINES AN ALERT MESSAGE MAY APPEAR WHEN TEMPLATE WILL BE ONLINE-->
<!--END OF TERMS OF USE-->
<!-- HEADER --><div id="header"> <a href="#"> <img src="http://2img.net/i/fa/empty.gif" alt="" width="1" height="120"/> </a> </div>
<!-- END HEADER --><div id="shadow">
  <!-- MENU -->
  <ul id="menu">
    <li> <a href="/forum">Fórum</a> </li>
    <li> | </li>
    <li> <a href="/portal">Parceiros</a> </li>
    <li> | </li>
    <li> <a href="/f1-">Novidades</a> </li>
    <li> | </li>
    <li> <a href="/contact">Contacto</a> </li>
  </ul>
  <div class="clear"></div>
  <!-- END MENU -->
  <!-- EDITO -->
  <div id="edito">
      <h2>Seja bem-vindo(a) Lto Fórum .</h2>
      <p>Você chegou em um novo fórum cheio de novidades para você.<br>Espero que gostem das nossas novas noticias e das actualizações, Nós estamos sempre a inovar desde sempre! </p>
        <a href="/forum" id="button_edito">ENTRAR</a>
  </div>
  <!-- END EDITO -->
  <div id="toal"> </div>
  <!-- CONTENT -->

  <div id="content">
    <!-- ABOUT ME -->
    <div>
      <h1>Sobre o Fórum</h1>
      <p> <em> Este fórum foi feito. </em></p>
      <p>Este fórum tem como objetivo te tirar duvidas postar novas coisas novas notícias e muito mais obg<br> Venha fazer parte desta comunidade<br><br><em> Para mais informações:</em><br>richardrubio1@hotmail.com </p>
    </div>
    <!-- END ABOUT ME -->
    <!-- NEWS -->
    <div id="vertical_barr">
      <h1>Atenção</h1>
      <p><em></em><strong></strong></p>
      <p><a href="/t188-"></a> </p>
      <p><em>»</em><strong> Tire Sua duvida </strong></p>
      <p><a href="/f1-">Clique aqui para tirar suas duvidas!</a></p>
      <a href="/f6-" class="content_button">Se Apresente</a>
      </div>
    <!-- END NEWS -->
    <!-- MEMBRO DO MÊS -->
    <div>
      <h1>Membro do Mês</h1>
      <p>Melhor membro deste mês:</p><br>
      <ul>
        <a href="/u70"> <img src="http://i47.servimg.com/u/f47/15/07/56/36/dancin10.gif"/> </a>
      </ul>
      <a href="/u70" class="content_button"></a>
    </div>
    <!-- FIM MEMBRO DO MÊS -->
  </div>
      <!-- END CONTENT -->
  <div class="clear"></div>
    <!-- END SHADOW -->
<center><iframe width="420" height="315" src="http://www.youtube.com/embed/ZaZPyKm78ps" frameborder="0" allowfullscreen></iframe></center>
</div>
<!-- FOOTER --><div id="footer">
  <p>LTO SERVE Copyright ©2011 - 2012 | Hospedado por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></p>
</div>
<!-- END FOOTER -->
</div><div align=center><a href='http://contador.s12.com.br'><img src='http://contador.s12.com.br/img-CZD304Wz-69.gif' border='0' alt='counter free'></a><script type='text/javascript' src='http://contador.s12.com.br/ad.js?id=CZD304Wz'></script></div>
<!-- END HOLDER -->
</body>
</html>
Até mais.
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu coloco video no meu codigo

Mensagem por Poliare 22.06.12 20:16

obg deu certin
Poliare
Poliare
Novo Membro

Membro desde : 11/06/2012
Mensagens : 10
Pontos : 16

http://tibiaops.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos