Página personalizada com menu portal e fórum e com video do youtube

Item: Página personalizada com menu portal e fórum e com video do youtube
Rating: 1

por MatheusMendes 27.12.12 4:00

Qual é minha questão:
Alguém pode compartilhar um código de uma página personalizada que tenha o menu portal e fórum e um sitema de video para eu colocar ?
se tiver compartilha ai porfavor.

Endereço do meu fórum:
http://br-adventurefurious.forumeiros.com

Versão do fórum:
PHPBB3

por Holmes 27.12.12 12:53

Saudações,

Nós não criamos páginas personalizadas e no momento eu não tenho nenhuma pronta, portanto sugiro que você tente colocar vídeo em sua página personalizada usando um código que o próprio Youtube dá ao acessar o vídeo.

Para pegar o código, acesse o vídeo, clique em "Compartilhar" e depois "Incorporar", então use aquele código.

Assombrosamente.

por Sennior 27.12.12 19:34

Olá autor,

Como deseja à pagina? Digo qual o estilo que o senhor deseja?

Até mais!

por MatheusMendes 27.12.12 22:05

Opa,

Eu queria uma página tipo de samp com um botão forum e portal do lado do outro e uma caixinha do youtube um pouco embaixo dos botão

Parecido a essa aqui http://br-adventurefurious.forumeiros.com/

por seender 28.12.12 2:53

Olá!

Aqui o código desta página, é só modificar como deseja.

Código:: <html> <head> <script language=JavaScript>  </script> <script language='javascript'>var txt=" |PT/BR| Brasil Adventure FurioS |RPG| Seja Bem Vindo !!! |";var veloc=200;var refr=null;function rotulo_title(){document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refr=setTimeout("rotulo_title()",veloc);}rotulo_title();</script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body,td,th { font-family: Tahoma, Geneva, sans-serif; color: #000; font-size: 14px; } body { background-image: url(http://3.bp.blogspot.com/-dCyam491IcA/T-jT6yl_-eI/AAAAAAAAAOE/L29nP6Pdqfg/s1600/wallpaper+abstrato.jpg) ; background-attachment: fixed; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link { color: #999; text-decoration: none; } a:visited { text-decoration: none; color: #999; } a:hover { text-decoration: none; color: #000; } a:active { text-decoration: none; color: #999; } .conteudomenu { height: 150x; width: 800px; margin-top: -49px; margin-left: 200px; margin: auto; } .menu { -webkit-transition: All 0.50s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; position: relative; } #content { margin-top: -49px; } .menu { min-width: 85px; min-height: 85px; max-width: 130px; max-height: 130px; } .logo { position: inherit; } #botao { position: fixed; top: 0%; float: left; -webkit-transition: All 0.50s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); } #botao:hover { position: fixed; top: 0%; float: left; -webkit-transition: All 0.50s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; opacity:0.99; -moz-opacity: 0.99; filter: alpha(opacity=99); } </style> <script language="javascript">  </script> </head> <body> <table width="800" border="0" align="center" cellpadding="20" cellspacing="0"> <tbody><tr> <th><a href="br-adventurefurious.forumeiros.com"><img src="http://4.bp.blogspot.com/-nhb20cYtv7w/UM0iMMgtm_I/AAAAAAAACxg/ljK504jROnQ/s1600/asdasdasdasdasasdasfw.fw.png" width="510" height="235" class="logo" /></a><br></th> </tr> </tbody></table> <br> <br> <table class="conteudomenu" id="content" width="900" height="135px" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody><tr> <th > <img style="margin-left:-90px;" src="http://i.imgur.com/Ll7LG.png" width="135" height="135" /> <a href="http://br-adventurefurious.forumeiros.com/forum"><img onMouseOver="aumenta(this)" onMouseOut="diminui(this)" class="menu" width="85" height="85" src="http://i.imgur.com/M2OhH.png" /></a> <img src="http://i.imgur.com/3bTfX.png"> <img src=""/> </th> </tr> </tbody></table> <map name="Map" id="Map"> <area shape="rect" coords="181,8,243,22" href="#"> <area shape="rect" coords="265,9,296,19" href="#"> <area shape="rect" coords="324,9,368,21" href="#"> <area shape="rect" coords="391,6,463,20" href="#"> <area shape="rect" coords="485,9,537,20" href="#"> <area shape="rect" coords="561,7,632,22" href="#"> </map><span style="font-size: 10px;"><p> </p><p><a href=""></a><p></span> </center> <div id="botao"> <a href="http://files.sa-mp.com/sa-mp-0.3e-install.exe"><img src="http://i.imgur.com/MQKmE.png"/></a></div> </body></html> <a href="http://www.forumeiros.com/pt/criar-forum/" target="_blank">Fórum grátis</a>

Veja: https://ajuda.forumeiros.com/-t7967.htm

Melhores cumprimentos,
seender

por MatheusMendes 28.12.12 6:35

Cara esse código era meu eu queria , que você modificasse porque quando eu modifico não esta pegando tipo colocasse um botão forum e portal do lado do outro e uma caixinha do youtube um pouco embaixo dos botão!!

por Venancio Mattos 28.12.12 19:19

Ola Amigos Só Não Deu para muda o Video se vc Souber Muda ai

Código:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cabal GameZard - Siena</title> <style> .footer{margin:0 auto; width:1000px; height:44px;} body {background-image:url(http://i14.servimg.com/u/f14/17/49/91/24/banner10.png); background-repeat:no-repeat;background-color:#F7FCFC; background-position:center top} #maincontainer{width:688px;height:678px;margin:174px auto 60px auto; } #videocontainer{position:relative; width:575px;height:310px; margin:0 auto 0 auto; background-image:url(http://i44.tinypic.com/90agqa.png); background-position:center; background-repeat:no-repeat; padding:52px 0 0 65px;} #bodytext{position:relative;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:80%;width:638px;height:122px; margin: 1px auto 0 auto; color:#960 }  #mainnavigation{position:relative; width:688px;height:183px;margin:1px auto 0 auto; background-image:url(http://i40.tinypic.com/28vsxo5.png); background-repeat:no-repeat;} #menu { list-style: none;padding: 0;margin: 0;width: 774px;height: 210px;position: relative;background-image:url(http://i40.tinypic.com/28vsxo5.png); background-repeat:no-repeat;} #menu span {display: none;position: absolute;} #menu a {display: block;text-indent: -900%;position: absolute;outline: none;} #menu a:hover {background-position: left bottom;} #menu a:hover span{display: block;} #menu .saintforce {width: 115px;height: 41px;background: url() no-repeat;left: 30px;top: 73px;} #menu .saintforce span {width: 115px;height: 1px;background: url() no-repeat;left: 60px;top: -10px;} #menu .saintisland{width: 115px;height: 41px;background: url(Procimo) no-repeat;left: 150px;top: 73px;} #menu .saintisland span {width: 115px;height: 1px;background: url(Procimo) no-repeat;left: 150px;top: -10px;} #menu .home{width: 115px;height: 113px;background: url(http://i12.servimg.com/u/f12/17/94/12/98/2vlqv411.png) no-repeat;left: 285px;top: 43px;} #menu .homespan {width: 115px;height: 113px;background: url(Procimo2) no-repeat;left: 285px;top:-40px;} #menu .newbikeenhancement{width: 115px;height: 41px;background: url(Procimo3) no-repeat;left: 410px;top: 73px;} #menu .newbikeenhancement span {width: 115px;height: 1px;background: url(Procimo 3) no-repeat;left: 410px;top: -10px;} #menu .other{width: 115px;height: 41px;background: url(Procimo) no-repeat;left: 530px;top: 73px;} #menu .other span {width: 115px;height: 1px;background: url(http://i40.tinypic.com/syro6d.png) no-repeat;left: 530px;top: -10px;}  } body { background-image: url(http://3.bp.blogspot.com/-dCyam491IcA/T-jT6yl_-eI/AAAAAAAAAOE/L29nP6Pdqfg/s1600/wallpaper+abstrato.jpg) ; background-attachment: fixed; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } </style> </head> <body > <div id="maincontainer"> <div id="videocontainer"> <object width="514" height="291"><param name="movie" value="http://www.youtube.com/watch?feature=player_detailpage&v=xGGeYaNQVP4#t=0s"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9qsJz_9NIPw&autoplay=1?modestbranding=1&loop=1" type="application/x-shockwave-flash" wmode="transparent" width="514" height="260" allowscriptaccess="always" allowfullscreen="false"></embed></object> </div> <div id="bodytext"> <img src=""/><br/><br/> </div> <div id="mainnavigation"> <ul id="menu"> <li><a href="http://br-adventurefurious.forumeiros.com/forum" class="saintforce">Saintforce<span></span></a></li> <li><a href="http://www.gamezard.com.br:8090/gzsuporte/" class="saintisland">Saint Island<span></span></a></li> <li><a href="http://br-adventurefurious.forumeiros.com/forum" class="home" target="_self">Home<span></span></a></li> <li><a href="f25-noticias-e-atualizacoes" class="newbikeenhancement">New Bike Enhancement<span></span></a></li> <li><a href="f23-eventos" class="other">Other<span></span></a></li> </ul> </div> </div> <div class="footer"><img src="" align="middle" style="margin:0 auto"/></div> <script type="text/javascript" src="js/fancybox/jquery.min.js"></script> <script type="text/javascript" src="js/fancybox/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <SCRIPT LANGUAGE="JavaScript">  #mainnavigation{position:relative; width:688px;height:183px;margin:1px auto 0 auto; background-image:url(http://cabal.asiasoftsea.com/images/navigationbg.png); background-repeat:no-repeat;} #menu { list-style: none;padding: 0;margin: 0;width: 774px;height: 210px;position: relative;background-image:url(http://cabal.asiasoftsea.com/images/navigationbg.png); background-repeat:no-repeat;} #menu span {display: none;position: absolute;} #menu a {display: block;text-indent: -900%;position: absolute;outline: none;} #menu a:hover {background-position: left bottom;} #menu a:hover span{display: block;} #menu .saintforce {width: 115px;height: 41px;background: url(http://cabal.asiasoftsea.com/images/saintforcebtn.png) no-repeat;left: 30px;top: 73px;} #menu .saintforce span {width: 115px;height: 1px;background: url(http://cabal.asiasoftsea.com/images/saintforcebtn.png) no-repeat;left: 60px;top: -10px;} #menu .saintisland{width: 115px;height: 41px;background: url(http://cabal.asiasoftsea.com/images/saintislandbtn.png) no-repeat;left: 150px;top: 73px;} #menu .saintisland span {width: 115px;height: 1px;background: url(http://cabal.asiasoftsea.com/images/saintislandbtn.png) no-repeat;left: 150px;top: -10px;} #menu .home{width: 115px;height: 113px;background: url(http://cabal.asiasoftsea.com/images/enterbtn.png) no-repeat;left: 285px;top: 43px;} #menu .homespan {width: 115px;height: 113px;background: url(http://cabal.asiasoftsea.com/images/enterbtn.png) no-repeat;left: 285px;top:-40px;} #menu .newbikeenhancement{width: 115px;height: 41px;background: url(http://cabal.asiasoftsea.com/images/newbikebtn.png) no-repeat;left: 410px;top: 73px;} #menu .newbikeenhancement span {width: 115px;height: 1px;background: url(http://cabal.asiasoftsea.com/images/newbikebtn.png) no-repeat;left: 410px;top: -10px;} #menu .other{width: 115px;height: 41px;background: url(http://cabal.asiasoftsea.com/images/otherbtn.png) no-repeat;left: 530px;top: 73px;} #menu .other span {width: 115px;height: 1px;background: url(http://cabal.asiasoftsea.com/images/otherbtn.png) no-repeat;left: 530px;top: -10px;}  </style> </head> <iframe width="640" height="360" src="http://www.youtube.com/embed/YlwhiMI3dho?feature=player_detailpage" frameborder="0" allowfullscreen></iframe> <div id="bodytext"> <img src="http://cabal.asiasoftsea.com/images/weildthepower_img.png"/><br/><br/> Saint's Forcecalibur is upon the world of Nevareth! Legend has foretold of a Nation leading the march towards the desolate wastelands of Lakeside in search of an artifact. Rumours have it that only one can wield the artifact, with all it's untold power and with that artifact in their possession crush the opposing Nation! Who will it be?? Will the Capella Nation dominate the battlefield and crush the Procyons, or will the Procyons rally and pillage Capella lands and prove themselves master of the art of war?</div> <div id="mainnavigation"> <ul id="menu"> <li><a href="http://www.gamezard.com.br/" class="saintforce">Saintforce<span></span></a></li> <li><a href="http://www.gamezard.com.br:8090/gzsuporte/" class="saintisland">Saint Island<span></span></a></li> <li><a href="http://cabal.asiasoftsea.com/index.aspx" class="home" target="_self">Home<span></span></a></li> <li><a href="f25-noticias-e-atualizacoes" class="newbikeenhancement">New Bike Enhancement<span></span></a></li> <li><a href="f23-eventos" class="other">Other<span></span></a></li> </ul> </div> </div> <div class="footer"><img src="http://cabal.asiasoftsea.com/images/footerimg.jpg" align="middle" style="margin:0 auto"/></div> <script type="text/javascript" src="js/fancybox/jquery.min.js"></script> <script type="text/javascript" src="js/fancybox/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <SCRIPT LANGUAGE="JavaScript"> <!-- Script courtesy of <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> - Your Guide to Professional Web Site Design and Development function GetCookie(name) { var arg=name+"="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i<clen) { var j=i+alen; if (document.cookie.substring(i,j)==arg) return "here"; i=document.cookie.indexOf(" ",i)+1; if (i==0) break; } return null; } var visit=GetCookie("RoadBlock_CB"); if (visit==null || visit=='null') { var expire=new Date(); expire=new Date(expire.getTime()+ 1000 * 60 * 60 * 24 * 365); document.cookie="RoadBlock_CB=here; expires="+expire; var $k=jQuery.noConflict(); $k(document).ready(function() { $k.fancybox({ 'href' :'#inline1', 'transitionIn' : 'none', 'transitionOut' : 'none' }).trigger('click'); }); } </SCRIPT> </body> </html> $k.fancybox({ 'href' :'#inline1', 'transitionIn' : 'none', 'transitionOut' : 'none' }).trigger('click'); }); } </SCRIPT> </body> </html>

por seender 28.12.12 19:21

Olá!

É só localizar este código:

Código:: <iframe width="640" height="360" src="http://www.youtube.com/embed/YlwhiMI3dho?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

E altera-lo.
O link do embed do vídeo é esse: https://www.youtube.com/embed/YlwhiMI3dho?feature=player_detailpage

Até mais!