Como criar esse portal

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

Resolvido Como criar esse portal

Mensagem por GtOMario em 05/01/13, 12:12 am

Qual é minha questão:
Bom gente gostaria de perguntar uma coisa
como eu faço esse negosinho ai Muito feliz



o link do forum ta aki se quizer : http://clagos.forumeiros.com/


Endereço do meu fórum:
http://visualarts3d.forumbrasil.net

Versão do fórum:
PUNBB
avatar

GtOMario
Nível 1

Masculino
Inscrito dia : 05/01/2013
Mensagens : 2
Pontos Ativos : 6

Ver perfil do usuário http://visualarts3d.forumbrasil.net/

Resolvido Re: Como criar esse portal

Mensagem por Daemon em 05/01/13, 01:00 am

Painel de controle :seta2: modulos :seta2: HTML & JAVASCRIPT :seta2: Gestão das páginas HTML.

clique em "criar uma nova página html"

coloque o seguinte código:
Código:

<!-- Portal feito por Victor Martins - "LuxurioN", todos direitos reservados.
Obs: Qualquer cópia seja ela total ou parcial deste documento é extremamente proibida conforme os direitos autorais -->
<!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>ClãGOS</title>
<link REL="SHORTCUT ICON" HREF="http://img827.imageshack.us/img827/6843/faviconkt.png">
      <style>
         /* CSS Document */
         *html #box { /* Compatibilidade com o IE */
            height: 250px;
         }

         #box{max-width:400px; width:/*450px*/ auto !important;  max-height:250px; height: auto !important; background:url(http://i50.tinypic.com/2ajxogn.png); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow:inset 0px 0px 6px #919090; margin-right:45px; align:center; text-align:center; color:#ffffff;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8); border: 1px solid #000;}
         .box a {text-decoration:none;}
         .box a:hover, active{text-decoration:none;}
         body { background:url(http://i46.tinypic.com/hrzc4m.png); padding:0; margin:0 auto;}
         body:before {content: "";position: fixed;top: -10px;left: 0;width: 100%;height: 10px;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100;}
         .meio { width:960px; min-height:596px; margin:0 auto; padding:0px 50px 0px 50px;
          /*background:url(img/bg.png) left  no-repeat;*/}
         .goldenratio { width:323px; margin-right:45px; float:center; text-align:center; padding-top:95px}
         .goldenratio span { padding:20px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#585858; width:322px; margin:0 auto; display:block; border-bottom:1px dashed #d9dccc; margin-bottom:8px; }
         .boxservers { width:304px; padding:10px; margin:0 auto; background:url(http://i47.tinypic.com/ff3afq.jpg); border:1px solid #dcd; box-shadow:inset 0px 0px 6px #C9CCBE;border-radius:15px;}
         .botoes {width:301px; height:65px; background:url(http://i45.tinypic.com/2vtwtmw.jpg) repeat-x; border:1px solid #d8dbcb; cursor:pointer;border-radius:8px; opacity:1;}
         .frenetic {  background:url(http://i47.tinypic.com/ra43yr.jpg) no-repeat; margin:17px auto auto auto; width:133px; height:34px;-webkit-transition:All 1s ease; -moz-transition:All 1s ease;}
         .botoes:hover .frenetic { background:url(http://i45.tinypic.com/2ptuumu.png) no-repeat; -webkit-transition:All 3s ease; -moz-transition:All 3s ease; opacity:0.5;}
         .angel {  background:url(http://i46.tinypic.com/2d9dbm8.png) center no-repeat; margin:17px auto auto auto; width:301px; height:34px;-webkit-transition:All 1s ease; -moz-transition:All 1s ease;}
         .angel img:hover {  background:url(http://i46.tinypic.com/2d9dbm8.png) center no-repeat; margin:17px auto auto auto; width:301px; height:34px; opacity:0.1;}
         .angel:hover .infoangel { opacity:2; }
         .infoangel { margin: -55px 0px 0px -215px;}
         .frenetic img:hover {  background:url(http://i45.tinypic.com/2ptuumu.png) center no-repeat; margin:17px auto auto auto; width:301px; height:34px; opacity:0.1;}
         .botoes:hover .angel { background:url(http://i45.tinypic.com/200wpjq.png) center no-repeat; -webkit-transition:All 3s ease; -moz-transition:All 3s ease; opacity:0.5;}
         .links a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#464646; text-decoration:none;  display:block;}
         .links a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#464646; text-decoration:none;  display:block;  background-color:#DCDCDC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);color:#ffffff;}
         .links { margin-top:10px;}
         .infofrenetic, .infoangel { width:140px; float:left; text-align:left;  font-family:Arial, Helvetica, sans-serif; color:#FFF; padding:15px;  background-color:rgba(0, 0, 0, 0.5); border-radius:4px;
         font-size:12px; margin:0px 0px 0px -300px;
         text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
               filter: dropshadow(color=rgba(0, 0, 0, 0.8), offx=0, offy=0);
               opacity:0;
               -webkit-transition: opacity 0.5s linear;
               -moz-transition: opacity 0.5s linear;
               -ms-transition: opacity 0.5s linear;
               -o-transition: opacity 0.5s linear;
               transition: opacity 0.5s linear;
         }
         .frenetic:hover .infofrenetic { opacity:1; }
         .feitopor {background:url(http://i47.tinypic.com/2hmdieg.png); width:480px; height:40px;}
         .rodape {border: 1px solid #dcdcdc;width:930px; background: rgb(255,255,255);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
         background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(230,230,230) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(230,230,230)));
         background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%);background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%);
         background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%);background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
         border-radius:4px;height:40px;margin:4px auto auto auto;font-family:Arial, Helvetica, sans-serif;color:#a5a5a5;font-size:12px;display:inline-block;padding-top:14px;padding-left:20px;padding-right:20px;}
         .rodape img { margin-right: 10px; }
      </style>
<script>
function utmx_section(){}function utmx(){}
(function(){var k='1547106222',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return escape(c.substring(i+n.
length+1,j<0?c.length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>
</head>
<body>
<center>
      <div class="goldenratio">
      <!-- Logo -->
         <img src="http://i46.tinypic.com/eafnk9.jpg" width="265" height="52"/><span>Selecione uma opção:</span>
         <!-- Box -->
         <div class="boxservers">
           <div class="botoes" style="margin-bottom:4px;"onClick="window.open('http://clagos.forumeiros.com/forum');">
            <div class="frenetic" >
            <!-- info -->
               <div class="infofrenetic">Info<br />
                 Acesse nosso fórum <br />
                 e se torne um membro GOS<br />
               </div>
              </div>
            </div>
            <div class="botoes" onClick="window.open('http://clagos.forumeiros.com/portal');">
               <div class="angel">
                        <div class="infoangel">Info<br />
                        Acesse nosso portal</div>
               </div>
            </div>
         </div>
         <div class='links'>
            <a href="http://clagos.forumeiros.com/h13-parceiros">Parceiros</a>
         </div>
      </div>
      <!--
         <br>
         <iframe src="http://www.facebook.com/plugins/like.php?href=http://clagos.forumeiros.com/&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:80px;" allowTransparency="true"></iframe>
-->
         <br>
         <div id="box"><br>
            <iframe src="http://www.facebook.com/plugins/like.php?href=http://clagos.forumeiros.com/&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:80px;" allowTransparency="true"></iframe>
         </div>
      <br><br><BR>
         <div class="rodape"><img src="NOPS" width="25" height="25" align="left" /><div class="feitopor" onClick="window.open('http://clagos.forumeiros.com/u169');" style="cursor: pointer" </div></div>
      <br><a href="http://www.forumeiros.com"><img src="http://www.illiweb.com/fa/banner/pt/banner4.jpg" alt="Fórum Grátis" title="forumeiros.com" style="opacity: 0;" /></a>
</center>
</body>
</html>
<!-- 15:44 - 27/06/2012 -->

Você deseja utilizar o início e o final da página do seu fórum ? : marque "Não"

Usar esta página como página inicial? : marque "Sim"

Café
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

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