Como crio uma index igual a essa

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

Resolvido Como crio uma index igual a essa

Mensagem por ™David™ em 13/01/13, 08:58 pm

Qual é minha questão:
Qero saber como cria essa index eou algo parecido

http://i47.tinypic.com/2wg6mol.png

Endereço do meu fórum:
http://startstk.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por ™David™ em 19/01/13, 08:43 pm, editado 1 vez(es)
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Como crio uma index igual a essa

Mensagem por HenRyqUéè em 13/01/13, 09:40 pm

Olá ™David™!

Por gentileza, passe-me o link do forúm/site onde você viu essa página.

Cordialmente, HenRyqUéè.
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Como crio uma index igual a essa

Mensagem por ™David™ em 14/01/13, 05:33 pm

avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Como crio uma index igual a essa

Mensagem por Dayvid em 14/01/13, 06:39 pm

Tente isto
Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GlobalTk-Fórum</title>

<style>
body {background: #FFF url('http://i48.tinypic.com/2akd25v.png') repeat-x scroll top left;margin:0;padding:0;font-family: Verdana, Geneva, sans-serif;font-size: 13px;color: #666;}body.homepage {background: #FFF url('http://i46.tinypic.com/2ngva7p.png') repeat-x scroll top left;}body.noheader {background: #FFF url('http://i50.tinypic.com/fsayo.png') repeat-x scroll top left;}
* {margin:0;padding:0;}/** element defaults **/table {width: 100%;text-align: left;}th, td {padding: 10px 10px;}th {color: #fff;1font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.jpg') repeat-x scroll top left;}td {border-bottom: 1px solid #ccc;}code, blockquote {display: block;border-left: 5px solid #222;padding: 10px;margin-bottom: 20px;}code {background-color: #222;color:#ccc;border: none;}blockquote {border-left: 5px solid #222;}blockquote p {font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;margin: 0;color: #333;height: 1%;}p {line-height: 1.9em;margin-bottom: 20px;font-size: 12px;}a {color: #F97B27;}a:hover {color: #E5620A;}a:focus {outline: none;}fieldset {display: block;border: none;border-top: 1px solid #ccc;}fieldset legend {font-weight: bold;font-size: 13px;padding-right: 10px;color: #333;}fieldset form {padding-top: 15px;}fieldset p label {float: left;width: 150px;}form input, form select, form textarea {padding: 5px;color: #333333;border: 1px solid #ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}form input.formbutton {color: #ffffff;font-weight: bold;padding: 6px 8px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.jpg') repeat-x scroll top left;border: none;width: auto;overflow: visible;}fieldset form input.formbutton {margin-left: 150px;}form.searchform p {margin: 5px 0;}span.required {color: #ff0000;}h1 {color: #000;font-size: 35px;font-family: Arial, Helvetica, sans-serif;padding: 0;background: none;border-bottom: none;text-transform: none;line-height: 1.0em;padding: 0 0 5px;}#body h1 {color: #D5570A;}h1 strong {font-weight: normal;}h2 {color: #000;font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;font-size: 30px;letter-spacing: -0.25px;font-weight: bold;padding: 0 0 5px;margin: 0;}#body h2 {font-weight: normal;}h3 {color: #555;font-size: 18px;font-weight: normal;margin-bottom: 10px;font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;}h4 {padding-bottom: 10px;font-size: 15px;color: #EE7524;}h5 {padding-bottom: 10px;font-size: 13px;color: #999;}ul, ol {margin: 0 0 35px 35px;}li {padding-bottom: 5px;}li ol, li ul {font-size: 1.0em;margin-bottom: 0;padding-top: 5px;}ul.styledlist {list-style: none;margin-left: 20px;}ul.styledlist li {background: #fff url('http://i49.tinypic.com/nyxog7.gif') no-repeat scroll left center;padding-left: 15px;padding-bottom: 0;margin-bottom: 5px;}#container {width: 960px;margin: 0 auto;padding: 0px;}#header {padding: 0px 15px;margin: 0 auto;height: 111px;}#header h1 {padding: 0;}#header h1 a {color: #eee;padding-top: 40px;font-size: 40px;font-weight: normal;font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;text-decoration: none;letter-spacing: -3px;float: left;text-shadow: 1px 1px #111;}#header h1 a strong {color: #F87B27;}#header h2 {color: #999;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: bold;letter-spacing: 0;margin-left: 5px;margin-top: 50px;padding-bottom: 0;padding-left: 4px;}#nav {height: 50px;width: 960px;position: relative;z-index: 999;}#nav ul {list-style: none;padding: 0;margin: 0;height: 50px;}#nav ul ul {padding-top: 0;}#nav ul li {display: block;float: left;}#nav ul li a {display: block;color: #999;display: block;border-top: 3px solid #333;font-size: 14px;font-weight: bold;float: left;letter-spacing: 0.5px;font-family: Arial, Helvetica, sans-serif;padding: 17px 15px 17px;text-decoration: none;}#nav ul li a.has_submenu {background: transparent url('http://i46.tinypic.com/301olc6.gif') no-repeat scroll right center;padding-right: 30px;}#nav ul li a.has_submenu:hover, #nav ul li.sfHover a.has_submenu {background-image: url('http://i48.tinypic.com/3521buh.gif');}#nav ul ul li a { float: none; width: 170px;}#nav ul li.selected li a { text-decoration: none; }#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a  {color: #fff;border-top: 3px solid #F87B27;}#nav ul ul li.selected a, #nav ul ul li.selected a:hover {text-decoration: underline;}#nav ul li a:hover, #nav ul li.sfHover a, #nav ul ul a {color: #fff;   background-color: #F87B27;   border-top: 3px solid #F87B27;}#nav ul li li a:hover, #nav ul li.sfHover li a:hover {border-top: 3px solid #fff;background-color: #FBA770;}/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * {margin:         0;
   padding:      0;   list-style:      none;}.sf-menu {   line-height:   1.0;}.sf-menu ul {position:      absolute;top:         -999em;width:         200px; /* left offset of submenus need to match (see below) */margin-top:    10px;padding-top:   0;}.sf-menu ul li {width:         100%;
}.sf-menu li:hover {visibility:      inherit; /* fixes IE7 'sticky bug' */
}.sf-menu li {float:         left;position:      relative;}.sf-menu a {display:      block;position:      relative;}.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:         0;top:         49px; /* match top ul list item height */z-index:      99;
}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {   top:         -999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
   left:         200px; /* match ul width */
   top:         0;}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:         -999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:         10em; /* match ul width */top:         0;}/* front page slider styles */div#jFlowSlide {
margin:0 auto;}div#slides-static {padding: 40px 55px 0;width: 850px;}div.slides-container {height: 271px;overflow: hidden; width: 960px; padding-top: 40px;}div.slides-container div#jFlowSlide {height: 315px;}div.slides-container div.jFlowSlideContainer img {margin:auto;}div.slides-container div.jFlowSlideContainer div {
}div.slides-container div.jFlowSlideContainer div.slide-image {float:left;width: 370px;padding-top: 0px;}span.jFlowPrev, span.jFlowNext {background-image:url('http://i45.tinypic.com/bespbm.gif');background-repeat:no-repeat;display:block;height:41px;width:24px;float:left;margin:0;cursor:pointer;}span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {background-image:url('http://i45.tinypic.com/1j97p4.gif');float:right;}div.slides-container div.controls {position:relative;top:-220px;width:960px;margin:0 auto;}div.slides-container p {padding-top: 10px;color: #eee;}div.slides-container a {color: #eee;}div.slides-container h2, div#sub-header h2 {font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;color: #fff;text-shadow: 1px 1px #21441D;font-weight: normal;}div.slide-text {padding-top: 10px;}p.frontpage-button a {padding: 17px 20px;color: #fff;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.png') repeat-x scroll top left;border: 1px solid #000;}p.frontpage-button a:hover {background: #E5620A none;color: #fff;}.hidden { display:none;  }div#sub-header {height: 101px;}div#sub-header h2 {padding-top: 27px;}#body {background: none;margin:0 auto;padding: 20px 0 0;width: 960px;}#content {float: left;width: 635px;}.box { margin: 0;padding: 0 5px;background-color: #fff;}.sidebar {width: 280px;padding: 25px 0 0;float: right;}.sidebar ul {margin: 0;padding: 0;list-style: none;}.sidebar ul li {margin-bottom: 20px;line-height: 1.9em;}.sidebar li ul {padding: 10px;}.sidebar li ul li {display: block;border-top: none;padding: 6px 2px;margin: 0;line-height: 1.5em;font-size: 13px;border: none;}.sidebar li ul li a {font-weight: normal;color: #666;}.sidebar li ul li a:hover {color: #F87B27;}.sidebar li ul.blocklist {padding: 0;}.sidebar li ul.blocklist li {padding: 0;display: inline;}.sidebar li ul.blocklist li a {display: block;border-bottom:1px solid #e0e0e0;padding: 8px 10px;text-decoration: none;font-weight: bold;text-transform: uppercase;font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;font-size: 12px;}.sidebar li ul.blocklist li a:hover {color: #F87B27;}.sidebar h4  {color: #333;font-family: Lucida, "Lucida Sans", Geneva, Arial, sans-serif;font-size: 16px;text-transform:uppercase;margin: 0;line-height: 1.9em;padding: 0px 0px 15px 5px;font-weight: bold;background: transparent url('http://i47.tinypic.com/clt35.png') no-repeat scroll left bottom;}.sidebar h4 strong {color: #F87B27;}.clear {clear: both;}#footer {margin:0 auto;background: #000 url('http://i46.tinypic.com/vzkkyx.jpg') repeat-x scroll bottom left;padding: 30px 5px 0;}.footer-content {width: 960px;margin: 0 auto;display: block;padding-bottom: 30px;}#footer a {color: #999;text-decoration: underline;}#footer h4 {color: #ccc;font-size: 18px;font-weight: normal;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;}#footer p {text-align: left;color: #999;font-size: 12px;font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;}#footer form {margin: 0;padding: 0;}#footer form input#searchbutton {margin: 0;border-bottom: none;overflow:visible;width:auto;}#footer form input#searchquery {background-color: #333;color: #fff;font-family: Arial, Helvetica, sans-serif;border: none;padding: 6px 3px;}#footer ul {margin: 0;padding: 0;list-style: none;border-top: 1px solid #222;}#footer ul li {padding: 0;}#footer ul li a  {display: inline-block; /* for IE 6, 7 */}#footer ul li a {text-decoration: none;display: block;font-size: 11px;padding: 7px 10px;border-bottom: 1px solid #222;}#footer ul li a:hover {background-color: #111;}.footer-box {width: 220px;margin-right: 26px;float: left;}.end-footer-box {margin-right: 0;}#footer-links {background-color: #000;color: #ccc;padding: 5px;}div#footer-links p {text-align: right;padding: 0;margin: 0 auto;font-size: 10px;width: 960px;display: block;}#footer-links a {color: #eee;font-weight: bold;text-decoration: underline;}
#conteudo div {float:left;width: 215px;padding: 0 10px 0 30px;}#conteudo div p {padding-top: 10px;}#conteudo div p a:link, #conteudo div p a:visited, #conteudo div p a:hover, #conteudo div p a:active {color: #333333;}#conteudo div li a:link, #conteudo div li a:visited, #conteudo div li a:active, #conteudo div li a:hover {color: #0673c7;font-weight: bold;}a.conteudo_button:link, a.conteudo_button:visited {color: #FFFFFF;}a.conteudo_button:hover, a.conteudo_button:active {text-decoration: none;color: #333333;}.conteudo_button {display: block;height: 15px;width: 75px;background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;margin: 15px 0;text-align: center;font-weight: bold;font-size: 0.7em;}#conteudo div ul {font-size: 0.8em;margin-left: 20px;}#conteudo div li {padding: 8px 0 0 0;}#forumeiros {font-size: 0.1;color: #000;style: italic;display: block;text-decoration: none;color: #000000;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/custom.js"></script>

<!--
Está é uma página criada por Marcelojp

GlobalTk.portalexpert.com

Não copie sem permissões do mesmo, caso copie, será  detido por infrigir a lei de nº 45 dos internautas//-->
</head>

<body class="homepage"><div id="container">
   <div id="header">
       <h1><a href="/forum">GlobalTk<strong> Fórum</strong></a></h1>
        <h2>Sua diversão está aqui.</h2>
        <div class="clear"></div>

    </div>
    <div id="nav">
       <ul class="sf-menu dropdown">
           <li class="selected"><a href="#">Principal</a></li>
            <li><a class="has_submenu" href="#">Informações</a>
               <ul>
                   <li><a href="/f36-">Shop</a></li>

                    <li class="selected"><a href="/f24-">Regras</a></li>
                    <li><a href="/t750--">Parceiros</a></li>
                </ul>
            </li>
            <li><a class="has_submenu" href="#">GlobalTk & Você</a>
               <ul>
                   <li><a href="/-">Perguntas<br><size="3">Retire suas dúvidas aqui</size></a></li>

                    <li><a href="/f19-">Tutoriais e Dicas</a></li>
                    <li><a href="/f35-">Suporte</a></li>
                </ul>
            </li>
            <li><a href="/c6-">Design</a></li>
            <li><a href="mailto:machelo.10@hotmail.com">Contato</a></li>
        </ul>

    </div>
   
    <div id="slides-static" class="slides-container">
        <div id="jFlowSlide">
            <div class="jFlowSlideContainer">
                <div class="slide-image"><img src="" alt="" /></div>
                <div class="slide-text">
                    <h2>Informações</h2>
                    <p>O GlobalTk é um fórum que contém vários conteúdos. Nosso principal objetivo é Integrar/interagir os membros com nossos conteúdos.</p>

                    <p class="frontpage-button">
                       <a href="/forum">Ir ao GlobalTk</a>
                    </p>

           
                </div>
            </div>
        </div>
    </div>

Atenciosamente zen
avatar

Dayvid
Nível 8

Masculino
Inscrito dia : 25/06/2012
Mensagens : 108
Pontos Ativos : 178

Ver perfil do usuário http://wincheats.forumeiros.eu

Resolvido Re: Como crio uma index igual a essa

Mensagem por HenRyqUéè em 15/01/13, 07:07 pm

Olá!

O HTML da página mensionada é essa:

Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GlobalTk-Fórum</title>

<style>
body {background: #FFF url('http://i48.tinypic.com/2akd25v.png') repeat-x scroll top left;margin:0;padding:0;font-family: Verdana, Geneva, sans-serif;font-size: 13px;color: #666;}body.homepage {background: #FFF url('http://i46.tinypic.com/2ngva7p.png') repeat-x scroll top left;}body.noheader {background: #FFF url('http://i50.tinypic.com/fsayo.png') repeat-x scroll top left;}
* {margin:0;padding:0;}/** element defaults **/table {width: 100%;text-align: left;}th, td {padding: 10px 10px;}th {color: #fff;1font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.jpg') repeat-x scroll top left;}td {border-bottom: 1px solid #ccc;}code, blockquote {display: block;border-left: 5px solid #222;padding: 10px;margin-bottom: 20px;}code {background-color: #222;color:#ccc;border: none;}blockquote {border-left: 5px solid #222;}blockquote p {font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;margin: 0;color: #333;height: 1%;}p {line-height: 1.9em;margin-bottom: 20px;font-size: 12px;}a {color: #F97B27;}a:hover {color: #E5620A;}a:focus {outline: none;}fieldset {display: block;border: none;border-top: 1px solid #ccc;}fieldset legend {font-weight: bold;font-size: 13px;padding-right: 10px;color: #333;}fieldset form {padding-top: 15px;}fieldset p label {float: left;width: 150px;}form input, form select, form textarea {padding: 5px;color: #333333;border: 1px solid #ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;}form input.formbutton {color: #ffffff;font-weight: bold;padding: 6px 8px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.jpg') repeat-x scroll top left;border: none;width: auto;overflow: visible;}fieldset form input.formbutton {margin-left: 150px;}form.searchform p {margin: 5px 0;}span.required {color: #ff0000;}h1 {color: #000;font-size: 35px;font-family: Arial, Helvetica, sans-serif;padding: 0;background: none;border-bottom: none;text-transform: none;line-height: 1.0em;padding: 0 0 5px;}#body h1 {color: #D5570A;}h1 strong {font-weight: normal;}h2 {color: #000;font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;font-size: 30px;letter-spacing: -0.25px;font-weight: bold;padding: 0 0 5px;margin: 0;}#body h2 {font-weight: normal;}h3 {color: #555;font-size: 18px;font-weight: normal;margin-bottom: 10px;font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;}h4 {padding-bottom: 10px;font-size: 15px;color: #EE7524;}h5 {padding-bottom: 10px;font-size: 13px;color: #999;}ul, ol {margin: 0 0 35px 35px;}li {padding-bottom: 5px;}li ol, li ul {font-size: 1.0em;margin-bottom: 0;padding-top: 5px;}ul.styledlist {list-style: none;margin-left: 20px;}ul.styledlist li {background: #fff url('http://i49.tinypic.com/nyxog7.gif') no-repeat scroll left center;padding-left: 15px;padding-bottom: 0;margin-bottom: 5px;}#container {width: 960px;margin: 0 auto;padding: 0px;}#header {padding: 0px 15px;margin: 0 auto;height: 111px;}#header h1 {padding: 0;}#header h1 a {color: #eee;padding-top: 40px;font-size: 40px;font-weight: normal;font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;text-decoration: none;letter-spacing: -3px;float: left;text-shadow: 1px 1px #111;}#header h1 a strong {color: #F87B27;}#header h2 {color: #999;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: bold;letter-spacing: 0;margin-left: 5px;margin-top: 50px;padding-bottom: 0;padding-left: 4px;}#nav {height: 50px;width: 960px;position: relative;z-index: 999;}#nav ul {list-style: none;padding: 0;margin: 0;height: 50px;}#nav ul ul {padding-top: 0;}#nav ul li {display: block;float: left;}#nav ul li a {display: block;color: #999;display: block;border-top: 3px solid #333;font-size: 14px;font-weight: bold;float: left;letter-spacing: 0.5px;font-family: Arial, Helvetica, sans-serif;padding: 17px 15px 17px;text-decoration: none;}#nav ul li a.has_submenu {background: transparent url('http://i46.tinypic.com/301olc6.gif') no-repeat scroll right center;padding-right: 30px;}#nav ul li a.has_submenu:hover, #nav ul li.sfHover a.has_submenu {background-image: url('http://i48.tinypic.com/3521buh.gif');}#nav ul ul li a { float: none; width: 170px;}#nav ul li.selected li a { text-decoration: none; }#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a  {color: #fff;border-top: 3px solid #F87B27;}#nav ul ul li.selected a, #nav ul ul li.selected a:hover {text-decoration: underline;}#nav ul li a:hover, #nav ul li.sfHover a, #nav ul ul a {color: #fff;   background-color: #F87B27;   border-top: 3px solid #F87B27;}#nav ul li li a:hover, #nav ul li.sfHover li a:hover {border-top: 3px solid #fff;background-color: #FBA770;}/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * {margin:         0;
   padding:      0;   list-style:      none;}.sf-menu {   line-height:   1.0;}.sf-menu ul {position:      absolute;top:         -999em;width:         200px; /* left offset of submenus need to match (see below) */margin-top:    10px;padding-top:   0;}.sf-menu ul li {width:         100%;
}.sf-menu li:hover {visibility:      inherit; /* fixes IE7 'sticky bug' */
}.sf-menu li {float:         left;position:      relative;}.sf-menu a {display:      block;position:      relative;}.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:         0;top:         49px; /* match top ul list item height */z-index:      99;
}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {   top:         -999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
   left:         200px; /* match ul width */
   top:         0;}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:         -999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:         10em; /* match ul width */top:         0;}/* front page slider styles */div#jFlowSlide {
margin:0 auto;}div#slides-static {padding: 40px 55px 0;width: 850px;}div.slides-container {height: 271px;overflow: hidden; width: 960px; padding-top: 40px;}div.slides-container div#jFlowSlide {height: 315px;}div.slides-container div.jFlowSlideContainer img {margin:auto;}div.slides-container div.jFlowSlideContainer div {
}div.slides-container div.jFlowSlideContainer div.slide-image {float:left;width: 370px;padding-top: 0px;}span.jFlowPrev, span.jFlowNext {background-image:url('http://i45.tinypic.com/bespbm.gif');background-repeat:no-repeat;display:block;height:41px;width:24px;float:left;margin:0;cursor:pointer;}span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {background-image:url('http://i45.tinypic.com/1j97p4.gif');float:right;}div.slides-container div.controls {position:relative;top:-220px;width:960px;margin:0 auto;}div.slides-container p {padding-top: 10px;color: #eee;}div.slides-container a {color: #eee;}div.slides-container h2, div#sub-header h2 {font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;color: #fff;text-shadow: 1px 1px #21441D;font-weight: normal;}div.slide-text {padding-top: 10px;}p.frontpage-button a {padding: 17px 20px;color: #fff;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform: uppercase;text-shadow:-1px -1px #CE5709;background: #F87B27 url('http://i49.tinypic.com/4ue92u.png') repeat-x scroll top left;border: 1px solid #000;}p.frontpage-button a:hover {background: #E5620A none;color: #fff;}.hidden { display:none;  }div#sub-header {height: 101px;}div#sub-header h2 {padding-top: 27px;}#body {background: none;margin:0 auto;padding: 20px 0 0;width: 960px;}#content {float: left;width: 635px;}.box { margin: 0;padding: 0 5px;background-color: #fff;}.sidebar {width: 280px;padding: 25px 0 0;float: right;}.sidebar ul {margin: 0;padding: 0;list-style: none;}.sidebar ul li {margin-bottom: 20px;line-height: 1.9em;}.sidebar li ul {padding: 10px;}.sidebar li ul li {display: block;border-top: none;padding: 6px 2px;margin: 0;line-height: 1.5em;font-size: 13px;border: none;}.sidebar li ul li a {font-weight: normal;color: #666;}.sidebar li ul li a:hover {color: #F87B27;}.sidebar li ul.blocklist {padding: 0;}.sidebar li ul.blocklist li {padding: 0;display: inline;}.sidebar li ul.blocklist li a {display: block;border-bottom:1px solid #e0e0e0;padding: 8px 10px;text-decoration: none;font-weight: bold;text-transform: uppercase;font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;font-size: 12px;}.sidebar li ul.blocklist li a:hover {color: #F87B27;}.sidebar h4  {color: #333;font-family: Lucida, "Lucida Sans", Geneva, Arial, sans-serif;font-size: 16px;text-transform:uppercase;margin: 0;line-height: 1.9em;padding: 0px 0px 15px 5px;font-weight: bold;background: transparent url('http://i47.tinypic.com/clt35.png') no-repeat scroll left bottom;}.sidebar h4 strong {color: #F87B27;}.clear {clear: both;}#footer {margin:0 auto;background: #000 url('http://i46.tinypic.com/vzkkyx.jpg') repeat-x scroll bottom left;padding: 30px 5px 0;}.footer-content {width: 960px;margin: 0 auto;display: block;padding-bottom: 30px;}#footer a {color: #999;text-decoration: underline;}#footer h4 {color: #ccc;font-size: 18px;font-weight: normal;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;}#footer p {text-align: left;color: #999;font-size: 12px;font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;}#footer form {margin: 0;padding: 0;}#footer form input#searchbutton {margin: 0;border-bottom: none;overflow:visible;width:auto;}#footer form input#searchquery {background-color: #333;color: #fff;font-family: Arial, Helvetica, sans-serif;border: none;padding: 6px 3px;}#footer ul {margin: 0;padding: 0;list-style: none;border-top: 1px solid #222;}#footer ul li {padding: 0;}#footer ul li a  {display: inline-block; /* for IE 6, 7 */}#footer ul li a {text-decoration: none;display: block;font-size: 11px;padding: 7px 10px;border-bottom: 1px solid #222;}#footer ul li a:hover {background-color: #111;}.footer-box {width: 220px;margin-right: 26px;float: left;}.end-footer-box {margin-right: 0;}#footer-links {background-color: #000;color: #ccc;padding: 5px;}div#footer-links p {text-align: right;padding: 0;margin: 0 auto;font-size: 10px;width: 960px;display: block;}#footer-links a {color: #eee;font-weight: bold;text-decoration: underline;}
#conteudo div {float:left;width: 215px;padding: 0 10px 0 30px;}#conteudo div p {padding-top: 10px;}#conteudo div p a:link, #conteudo div p a:visited, #conteudo div p a:hover, #conteudo div p a:active {color: #333333;}#conteudo div li a:link, #conteudo div li a:visited, #conteudo div li a:active, #conteudo div li a:hover {color: #0673c7;font-weight: bold;}a.conteudo_button:link, a.conteudo_button:visited {color: #FFFFFF;}a.conteudo_button:hover, a.conteudo_button:active {text-decoration: none;color: #333333;}.conteudo_button {display: block;height: 15px;width: 75px;background: url(http://i49.servimg.com/u/f49/16/79/58/45/little10.gif) no-repeat;margin: 15px 0;text-align: center;font-weight: bold;font-size: 0.7em;}#conteudo div ul {font-size: 0.8em;margin-left: 20px;}#conteudo div li {padding: 8px 0 0 0;}#forumeiros {font-size: 0.1;color: #000;style: italic;display: block;text-decoration: none;color: #000000;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/custom.js"></script>

<!--
Está é uma página criada por Marcelojp

GlobalTk.portalexpert.com

Não copie sem permissões do mesmo, caso copie, será  detido por infrigir a lei de nº 45 dos internautas//-->
</head>

<body class="homepage"><div id="container">
   <div id="header">
       <h1><a href="/forum">GlobalTk<strong> Fórum</strong></a></h1>
        <h2>Sua diversão está aqui.</h2>
        <div class="clear"></div>

    </div>
    <div id="nav">
       <ul class="sf-menu dropdown">
           <li class="selected"><a href="#">Principal</a></li>
            <li><a class="has_submenu" href="#">Informações</a>
               <ul>
                   <li><a href="/f36-">Shop</a></li>

                    <li class="selected"><a href="/f24-">Regras</a></li>
                    <li><a href="/t750--">Parceiros</a></li>
                </ul>
            </li>
            <li><a class="has_submenu" href="#">GlobalTk & Você</a>
               <ul>
                   <li><a href="/-">Perguntas<br><size="3">Retire suas dúvidas aqui</size></a></li>

                    <li><a href="/f19-">Tutoriais e Dicas</a></li>
                    <li><a href="/f35-">Suporte</a></li>
                </ul>
            </li>
            <li><a href="/c6-">Design</a></li>
            <li><a href="mailto:machelo.10@hotmail.com">Contato</a></li>
        </ul>

    </div>
   
    <div id="slides-static" class="slides-container">
        <div id="jFlowSlide">
            <div class="jFlowSlideContainer">
                <div class="slide-image"><img src="" alt="" /></div>
                <div class="slide-text">
                    <h2>Informações</h2>
                    <p>O GlobalTk é um fórum que contém vários conteúdos. Nosso principal objetivo é Integrar/interagir os membros com nossos conteúdos.</p>

                    <p class="frontpage-button">
                       <a href="/forum">Ir ao GlobalTk</a>
                    </p>

           
                </div>
            </div>
        </div>
    </div>
       
    <div id="body">           
      <div id="content">

            <div class="box">
                <h2>Globaltk Fórum</h2>
                <h3> Nossa Criação</h1>
                <p> O Glt foi criado, expectivamente, 24/03/2012 . O Glt foi fundado por Marcelojp com um plano/projeto diferente de qualquer fórum.</p>   
               
                <h3> Fóruns em Destaques</h1>
                <p>Visualize alguns de nossos Fóruns em destaque:</p>

   
                <ul class="styledlist">
                    <li>1. DDTank</li>
                    <li>2. Habbo</li>
                    <li>3. Humor</li>
                    <li>4. Aréa WebDesigner</li>
                </ul>

<p> E muito mais, você encontra aqui no <a href="/forum"> GlobalTk Fórum </a> </p>       
                  <h3>Participe Do Sorteio</h3>
                 
                  <p> Participe Deste Maravilhoso Sorteio De Uma conta de 1000 Mensagens Do Grupo Legendarios COnfira Participe: <p>Clique e Seja Redirecionado Para o Topico Do Sorteio <a href="/t3889-sorteio-de-conta"> Clique Aqui! </a> </p>
Basta Seguir o Topico e Torcer! </p>

                <h3>A Equipe</h3>

   
   
                <p>A Equipe (Staff) do GlobalTk é muito dedicada e organizada. Apesar do GlobalTk ter Mudanças Agora, já adquirimos membros e candidatos para a Equipe. <br> Nossa equipe não está aqui para brincadeiras, somos rigoros quanto as regras. Todos os membros da Equipe tem uma Regra a ser cumprida e respeitada. </p>
   
                <h3>Como posso ser um membro da Equipe?</h3>
                <p>Para ser da equipe não é preciso muita coisa, nós não pedimos muita coisa. É preciso saber moderar e também saber um pouco de HTML (Isto é necessário, nem que seja o básico). Nós pedimos outras coisas, como a idade ser acima de 13 anos e outras coisas à mais.</p>

   
   
                <h3>Vagas Para o Fórum?</h3>   
                <p>Nosso Fórum Esta Com Todas Vagas Preenchidas Mais Pode Surgi Vagas Fique Ativo e Siga as Regras.</p>
            </div>
        </div>
       
        <div class="sidebar">
            <ul>   
              <li>
                    <h4><span>Fóruns Ma<strong>is Famosos</strong></span></h4>

                    <ul class="blocklist">
                        <li><a href="/c9-">DDTank</a></li>
                        <li><a href="/c2-">Habbo</a></li>
                        <li><a href="/f34-">Point Blank</a></li>
                        <li><a href="/f10-">Mu Online</a></li>
                        <li><a href="/f31-">Grand Chase</a></li>
                        <li><a href="/f28-">Transformice</a></li>
                        <li><a href="/c4-">Minecraft</a></li>
                        <li><a href="/f26-">Counter Strike</a></li>
                        <li><a href="/f12-">Pokemon</a></li>
                        <li><a href="/f16-">Humor</a></li>

                    </ul>
                </li>
               
                <li>
                    <h4><span>Linke <strong>- Nos</strong></span></h4>
                    <ul>
                        <li>
                           <p style="margin: 0;">Linke-nos:<br>
    <a href="http://globaltk.portalexpert.com/" target="_blank"><img src="http://desmond.imageshack.us/Himg215/scaled.php?server=215&filename=j5rx8.gif&res=landing" border="none" /></a><br>

<textarea class="blockcode">
<a href="http://globaltk.portalexpert.com/">
<img src="http://desmond.imageshack.us/Himg215/scaled.php?server=215&filename=j5rx8.gif&res=landing"></a>
</textarea>
                        </li>
                    </ul>
                </li>
               
                <li>
                    <h4 class="h4"><span>Membro <strong>do Mês</strong> - <size="3">MM</size></span></h4>
<p><ul><a href="/u86"><img src="" alt="Membro do Mês" name="Membro do Mês"/> </a></ul><a href="/f156-" class="conteudo_button">Outros</a></p>
                </li>
               
            </ul>
        </div>

       <div class="clear"></div>
    </div>
</div>
 <div id="footer">
      <div class="footer-content">

        <div class="footer-box">
            <h4>Informações do GlobalTk</h4>

            <p>

                O GlobalTk é um Fórum de conteúdos diversos e variados, com o objetivo de fazer com que os membros se divirtam e se interajam uns aos outros.
            </p>
        </div>
       
        <div class="footer-box">
            <h4>Categorias</h4>

            <ul>
              <li><a href="/c10-">Anúncios & Atualizações</a></li>
              <li><a href="/f29-">Off Topic</a></li>

              <li><a href="/f35-">Suporte</a></li>
              <li><a href="/t750-">Parceria</a></li>

            </ul>
        </div>
       
        <div class="footer-box">

            <h4>Network</h4>
            <ul>
                <li><a href="http://www.facebook.com/pages/GlobalTk/166841600111022" title="Curta-nos no Facebook">Facebook</a></li>
                <li><a href="https://twitter.com/#!/MarcellinhoJP" title="Siga-nos no  Twitter">Twitter</a></li>
            </ul>   
        </div>
       
        <div class="footer-box end-footer-box">
            <h4>Procurar no GlobalTk</h4>

            <form action="/search" method="get">
                <p>
                    <input type="text" id="searchquery" size="18" name="searchterm" />

                    <input type="submit" id="searchbutton" value="Procurar" class="formbutton"/>
                </p>
            </form>
        </div>   
        <div class="clear"></div>
    </div>
    <div id="footer-links">

    <!-- O link www.globaltk.portalexpert.com não pode ser removido e nem ser retirado os créditos -->
            <p>© GlobalTk - 2012. Page design by <a href="/u1">Marcelojp</a></p>

    </div> 
<div class="forumeiros"><a class="forumeiros" href="http://www.forumeiros.com" target="_blank">.</a></div>
</div>
</body>
</html>
Abraços, Amigos
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Como crio uma index igual a essa

Mensagem por ™David™ em 19/01/13, 08:43 pm

veleu fim do tópico
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

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