Como criar esse portal

por GtOMario 05.01.13 2:12

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

por Daemon 05.01.13 3:00

Painel de controle :seta2:

modulos

HTML & JAVASCRIPT :seta2:

Gestão das páginas HTML.

clique em "criar uma nova página html"

coloque o seguinte código:

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>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">  <img src="http://i46.tinypic.com/eafnk9.jpg" width="265" height="52"/><span>Selecione uma opção:</span>  <div class="boxservers"> <div class="botoes" style="margin-bottom:4px;"onClick="window.open('http://clagos.forumeiros.com/forum');"> <div class="frenetic" >  <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> <div id="box"><br> <iframe src="http://www.facebook.com/plugins/like.php?href=http://clagos.forumeiros.com/&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&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>

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é

Hitskin.com

Como criar esse portal

Como criar esse portal

Re: Como criar esse portal