Como crio uma index igual a essa

Item: Como crio uma index igual a essa
Rating: 1

por ™David™ 13.01.13 22:58

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

https://2img.net/h/oi47.tinypic.com/2wg6mol.png

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

Versão do fórum:
PHPBB3

por HenRyqUéè 13.01.13 23:40

Olá ™David™!

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

Cordialmente, HenRyqUéè.

por ™David™ 14.01.13 19:33

http://globaltk.portalexpert.com/

por Dayvid 14.01.13 20:39

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

por HenRyqUéè 15.01.13 21:07

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

por ™David™ 19.01.13 22:43

veleu fim do tópico

Como crio uma index igual a essa

Como crio uma index igual a essa

Re: Como crio uma index igual a essa

Re: Como crio uma index igual a essa

Re: Como crio uma index igual a essa

Re: Como crio uma index igual a essa

Re: Como crio uma index igual a essa