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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por MatheusMendes em 27/12/12, 02:00 am

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
avatar

MatheusMendes
Nível 7

Masculino
Inscrito dia : 08/12/2012
Mensagens : 97
Pontos Ativos : 222

Ver perfil do usuário http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes

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

Mensagem por Holmes em 27/12/12, 10:53 am

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.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

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

Mensagem por Sennior em 27/12/12, 05:34 pm

Olá autor,

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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

Mensagem por MatheusMendes em 27/12/12, 08:05 pm

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/
avatar

MatheusMendes
Nível 7

Masculino
Inscrito dia : 08/12/2012
Mensagens : 97
Pontos Ativos : 222

Ver perfil do usuário http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes
  • 0

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

Mensagem por seender em 28/12/12, 12:53 am

Olá!

Aqui o código desta página, é só modificar como deseja.
Código:
<html>
<head>
<script language=JavaScript>
<!--
var mensagem="";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(mensagem);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</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">
<!--
function aumenta(obj){
    obj.height=obj.height*2;
  obj.width=obj.width*2;
}
 
function diminui(obj){
  obj.height=obj.height/2;
  obj.width=obj.width/2;
}
//-->
</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: http://ajuda.forumeiros.com/-t7967.htm

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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

Mensagem por MatheusMendes em 28/12/12, 04:35 am

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!!
avatar

MatheusMendes
Nível 7

Masculino
Inscrito dia : 08/12/2012
Mensagens : 97
Pontos Ativos : 222

Ver perfil do usuário http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes

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

Mensagem por Venancio Mattos em 28/12/12, 05:19 pm

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 }

<!--MAIN NAVIGATION MENU-->
#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;}
<!--MAIN NAVIGATION MENU END-->

}
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><!--main container end-->

<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">


    <!-- Script courtesy of http://www.web-source.net - 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() {
          <!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://cabal.asiasoftsea.com/images/bgsplash.jpg); background-repeat:no-repeat;background-color:#000; 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://cabal.asiasoftsea.com/images/videowindow.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 }

<!--MAIN NAVIGATION MENU-->
#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;}
<!--MAIN NAVIGATION MENU END-->



</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><!--main container end-->

<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>

avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms
  • 0

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

Mensagem por seender em 28/12/12, 05:21 pm

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: http://www.youtube.com/embed/YlwhiMI3dho?feature=player_detailpage

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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

Mensagem por Venancio Mattos em 28/12/12, 05:29 pm

Obrigado Seender !!
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum