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

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

5 participantes

Ir para baixo

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

Mensagem 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
MatheusMendes
MatheusMendes
**

Membro desde : 08/12/2012
Mensagens : 97
Pontos : 222

http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes

Ir para o topo Ir para baixo

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

Mensagem 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.
Holmes
Holmes
****

Membro desde : 11/11/2012
Mensagens : 303
Pontos : 413

Ir para o topo Ir para baixo

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

Mensagem por Sennior 27.12.12 19:34

Olá autor,

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

Até mais!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

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

Mensagem 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/
MatheusMendes
MatheusMendes
**

Membro desde : 08/12/2012
Mensagens : 97
Pontos : 222

http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes

Ir para o topo Ir para baixo

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

Mensagem 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>
<!--
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: https://ajuda.forumeiros.com/-t7967.htm

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

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

Mensagem 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!!
MatheusMendes
MatheusMendes
**

Membro desde : 08/12/2012
Mensagens : 97
Pontos : 222

http://brasilfoxgames.forumeiros.com/ https://www.facebook.com/MatheusMendesVDP https://twitter.com/TheuzinhoMendes

Ir para o topo Ir para baixo

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

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

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

Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

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

Mensagem 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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

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

Mensagem por Venancio Mattos 28.12.12 19:29

Obrigado Seender !!
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

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