Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Estaisticas deste fórum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Estaisticas deste fórum
- Descrição:
Gostaria de colocar assim minhas estatisticas:
- Informações:
Fórum: | http://pixel.forum-pro.net/ | Versão: | PUNBB |
Tipo: | Pedido de código | Tags: | Estaisticas,deste,fórum |
Última edição por Garnie em 10.06.14 20:12, editado 1 vez(es)
Re: Estaisticas deste fórum
Saudações,
Aceda à :
Painel de Controle Visualização Templates Geral
Substitua todo o código do templante index_body pelo código abaixo:
Agora vá até teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Coloque o código abaixo no inicio de teu CSS:
Você poderá alterar os botões de seu menu, trocando onde esta escrito no CSS "IMAGEM-DO-BOTÃO-AQUI" por uma imagem de um botão de sua preferencia.
Até mais.
Aceda à :
Painel de Controle Visualização Templates Geral
Substitua todo o código do templante index_body pelo código abaixo:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div *="">
<div id="menu_onglet">
<div class="conteneur-menu">
<div>
<table width="100%" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
<tr>
<td>
<ul class="onglets">
<li>
<a href="#" class="active">Grande Down</a>
</li>
<li>
<a href="#" class="">Quem esteve aqui</a>
</li>
<li>
<a href="#" class="">Aniversariantes</a>
</li>
<li>
<a href="#" class="">Grupos</a>
</li>
<li>
<a href="#" class="">Creditos</a>
</li>
</ul>
</td>
</tr>
<tr>
<td align="left">
<table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
<tr>
<td class="main-content" style="padding:5px;">
<div style="align: center">
<script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-re_142.js"></script>
<script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_libre_service_1/a.js"></script>
<!--menu original-->
<div class="conteneur-ouvrir" style="display: block; ">
<div class="ton_contenu">
<!--Estatisticas-->
<span class="gensmall">
<p>{TOTAL_POSTS}</p>
<p>{RECORD_USERS}</p>
<p>{TOTAL_USERS}</p>
</span>
<br />
<!--Online-->
<!-- BEGIN switch_viewonline_link -->
<b><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></b>
<br />
<!-- END switch_viewonline_link -->
{LOGGED_IN_USER_LIST}
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
{TOTAL_USERS_ONLINE}
<!--Ultimo Usuario-->
<span class="gensmall" style"color:#2f2f2f !important;">{NEWEST_USER}</span>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td class="cellule_1">
<!--24 horas-->
<span class="gensmall">
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
<div class="clear"></div>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td class="cellule_1">
<!--Aniversariantes-->
<span class="gensmall">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<!--Grupos-->
<span class="gensmall">
<font color="#fff">{GROUP_LEGEND}</font>
</span>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table width="100%" border="0">
<tbody>
<tr>
<td>
<!--Créditos-->
Em construção...
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td></tr></table></td></tr></table>
</div>
</div>
</div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Agora vá até teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Coloque o código abaixo no inicio de teu CSS:
- Código:
div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}
Você poderá alterar os botões de seu menu, trocando onde esta escrito no CSS "IMAGEM-DO-BOTÃO-AQUI" por uma imagem de um botão de sua preferencia.
Até mais.
Re: Estaisticas deste fórum
-Nakano escreveu:Olá,
Me-desculpe, mas este fórum não é teu. [pixel]
Até.
Olá Nakano,
É meu sim, estou a fazer ele, pode se registrar e falar comigo via ChatBox para tirar as duvidas.
Até Mais...
Re: Estaisticas deste fórum
Olá,
Ao clicar em Quem esteve aqui, Aniversariantes, Grupos Créditos, etc nao vai para eles.
Tem como me passar estas estatisticas aqui http://temas.forumeiros.net/
Até Mais,.
Ao clicar em Quem esteve aqui, Aniversariantes, Grupos Créditos, etc nao vai para eles.
Tem como me passar estas estatisticas aqui http://temas.forumeiros.net/
Até Mais,.
Re: Estaisticas deste fórum
Olá amigo,
Troque o Template pelo abaixo:
Publique e visualize teu fórum.
Até mais.
Troque o Template pelo abaixo:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div *="">
<div id="menu_onglet">
<div class="conteneur-menu">
<div>
<table width="100%" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
<tr>
<td>
<ul class="onglets">
<li>
<a href="#" class="active">Grande Down</a>
</li>
<li>
<a href="#" class="">Quem esteve aqui</a>
</li>
<li>
<a href="#" class="">Aniversariantes</a>
</li>
<li>
<a href="#" class="">Grupos</a>
</li>
<li>
<a href="#" class="">Creditos</a>
</li>
</ul>
</td>
</tr>
<tr>
<td align="left">
<table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
<tr>
<td class="main-content" style="padding:5px;">
<div style="align: center">
<script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-re_142.js"></script>
<script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_libre_service_1/a.js"></script>
<!--menu original-->
<div class="conteneur-ouvrir" style="display: block; ">
<div class="ton_contenu">
<!--Estatisticas-->
<span class="gensmall">
<p>{TOTAL_POSTS}</p>
<p>{RECORD_USERS}</p>
<p>{TOTAL_USERS}</p>
</span>
<br />
<!--Online-->
<!-- BEGIN switch_viewonline_link -->
<b><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></b>
<br />
<!-- END switch_viewonline_link -->
{LOGGED_IN_USER_LIST}
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
{TOTAL_USERS_ONLINE}
<!--Ultimo Usuario-->
<span class="gensmall" style"color:#2f2f2f !important;">{NEWEST_USER}</span>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td class="cellule_1">
<!--24 horas-->
<span class="gensmall">
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
<div class="clear"></div>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td class="cellule_1">
<!--Aniversariantes-->
<span class="gensmall">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<!--Grupos-->
<span class="gensmall">
<font color="#fff">{GROUP_LEGEND}</font>
</span>
</div>
</div>
<div class="conteneur-ouvrir" style="display: none; ">
<div class="ton_contenu">
<table width="100%" border="0">
<tbody>
<tr>
<td>
<!--Créditos-->
Todos créditos reservados a : SPDesign - Qualquer remoção dos créditos poderá causar um grande problema !
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td></tr></table></td></tr></table>
</div>
</div>
</div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Publique e visualize teu fórum.
Até mais.
Re: Estaisticas deste fórum
Garnie escreveu:Garnie escreveu:Garnie escreveu:Olá,
Tem como me passar estas estatisticas aqui http://temas.forumeiros.net/
Até Mais,.
Re: Estaisticas deste fórum
Boa noite!Garnie escreveu:Olá,
Ao clicar em Quem esteve aqui, Aniversariantes, Grupos Créditos, etc nao vai para eles.
Tem como me passar estas estatisticas aqui http://temas.forumeiros.net/
Até Mais,.
Leia o tutorial a seguir:
- Spoiler:
Templates
O seu painel de controle de administrador guarda beleza, praticidade e o principal que é simplicidade. Neste tutorial você vai editar as estatísticas do seu fórum da versão PhpBB2 ou PunBB como o menu de seu Painel de Controle.--> Tutoriais <--
Estatísticas como menu do painel de controle
1º - CSS de personalização:
Vamos adicionar um código CSS que vai nos dar o resultado de tabelas parecidas com a do seu painel de controle. Para obter o resultado parecido, é necessário que você conheça bem o CSS e suas propriedades. Aconselhamos que leia alguma apostila sobre CSS para continuar.
PA > Visualização > Imagens e Cores > Cores > Folha de estilo CSS >
Em seguida, adicione o seguinte código CSS:
Depois de colar o CSS em sua folha de estilo CSS, você só vai precisar Salvar./***
##################################################################
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// Nome: Estatísticas como menu do painel de controle
/// HTML: ShiftActif
/// JavaScript: Matti
/// CSS: Forumeiros ADMIN.CSS Edit by ShiftActif
/// Tipo: FREE (Grátis)
/// Obs: favor não retirar os nossos créditos, pois ele não vai aparecer no efeito!!!
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
##################################################################
***/
#tabs_container {
border-bottom: 1px solid #ccc;
}
#stabs {
list-style: none;
padding: 5px 0 4px 0;
margin: 0 0 0 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
}
#stabs li {
display: inline;
}
#stabs li a {
background:url(https://i.servimg.com/u/f12/16/63/75/54/tab_le10.png);
padding-left:6px;
text-decoration: none;
position: relative;
height: 32px;
cursor: hand;
border: 1px solid #ccc;
padding: 4px 6px;
text-decoration: none;
font-weight: bold;
color: #7cba2c;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#stabs li a:hover {
background:url(https://i.servimg.com/u/f12/16/63/75/54/tab_se10.png);
padding-left:6px;
text-decoration: none;
position: relative;
height: 32px;
cursor: hand;
background-color: #dddddd;
padding: 4px 6px;
}
#stabs li.active a {
background:url(https://i.servimg.com/u/f12/16/63/75/54/tab_se10.png);
padding-left:6px;
text-decoration: none;
position: relative;
height: 32px;
cursor: hand;
border-bottom: 1px solid #fff;
font-weight: bold;
color: #706262;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#stabs li.active a:hover {
background-color: #eeeeee;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#tabs_content_container {
background-color: #FFF;
border: 3px solid #ccc;
border-top: none;
padding: 10px;
}
.tab_content {
display: none;
}
.sucessfull {
float: left;
padding: 3px 0 0 45px;
background: url(https://sd-1.archive-host.com/membres/up/142586199450897653/favFDF.ico) no-repeat 0% 75%;
color: #00a5cd;
font-weight: bold;
}
2º - Aplicação do código HTML:
Acessando seus templates em PA > Visualização > Templates > escolha o template index_body. Ao selecionar o mesmo, na caixa de busca procure pelos seguinte código:- Código:
id="stats"
- Código:
<div id="tabs_container">
<ul id="stabs">
<li class="active"><a href="#tab1">TABELA 1</a></li>
<li><a href="#tab2">TABELA 2</a></li>
<li><a href="#tab3">TABELA 3</a></li>
</ul>
</div>
Vamos ver abaixo algumas informações importantes.<li class="active"><a href="#tab1">Grupos & Usuários</a></li>Estatísticas como menu do painel de controleAnote aí!#tab1 Ao clicar na primeira tabela, vai abrir o que foi colocado dentro da DIV com o id="tab1" #stabs li (JS) Quando o usuário clica na aba, este código será executado Active Quando a aba estiver selecionada .fadeIn() (JS) Efeito de entrada assim que a aba for aberta
Depois de fazer as modificações no nome de cada "tab" do código HTML acima, você vai continuar criando um HTML. Pule duas linhas no template e cole:- Código:
<div id="tabs_content_container">
<div id="tab1" class="tab_content" style="display: block;">
<p>Suas informações da TAB1 ficam aqui. Essa TAB fica aberta por padrão.</p>
</div>
<div id="tab2" class="tab_content">
<p>Suas informações da TAB2 ficam aqui.</p>
</div>
<div id="tab3" class="tab_content">
<p>Suas informações da TAB3 ficam aqui.</p>
</div>
</div>
Além dessas variáveis, há outras! Você só precisa procurá-las.Variáveis do templateAnote aí!{TOTAL_POSTS} Total de mensagens criadas no fórum desde de sua existência. TOTAL_USERS} Total de usuários do fórum. {NEWEST_USER} Mostra qual foi o último usuário registrado no fórum. {GROUP_LEGEND}[/b] Lista de grupos do fórum {LEGEND}[/b] Aplica antes da lista de grupos, o nome "Legenda". {TOTAL_USERS_ONLINE}[/b] Total de usuários conectados no momento no seu fórum. {RECORD_USERS}[/b] Recorde de usuários conectados de uma só vez. {LOGGED_IN_USER_LIST}[/b] Usuários que estão conectados no momento. {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}[/b] Aniversariantes e próximos aniversários
Agora que você sabe da existência de algumas variáveis, é necessário adicioná-las entre o HTML <p></p> indicado acima. Vamos citar um exemplo:
Precione o Ctrl + X que recorta a variável removendo-a do local e com o Ctrl + V você pode colar entre o <p></p> da DIV. :belez:<div>
<p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
</div>
Depois de uma modificação geral, você só precisa adicionar um código script ao seu template. No topo de todo o seu template, acima da variável:- Código:
{JAVASCRIPT}
- Código:
jQuery(document).ready(function(){
// When user clicks on tab, this code will be executed
jQuery("#stabs li").click(function() {
// First remove class "active" from currently active tab
$("#stabs li").removeClass('active');
// Now add class "active" to the selected/clicked tab
jQuery(this).addClass("active");
// Hide all tab content
jQuery(".tab_content").hide();
// Here we get the href value of the selected tab
var selected_tab = $(this).find("a").attr("href");
// Show the selected tab content
jQuery(selected_tab).fadeIn();
// At the end, we add return false so that the click on the link is not executed
return false;
});
});
Publique seu template!- Como adicionar mais TABS?
Para adicionar mais tabs, você só precisa repetir o código <li><a href="#tabNº">Tab nova</a></li>, porém, no HTML nunca pode existir dois arquivos HTML com o mesmo ID (na verdade pode), mas no nosso caso precisamos dar outro nome a essa TAB. No valor em vermelho citado acima, coloque um número diferente dos existentes. Como assim? Exemplo:
Depois, repita também o seguinte código:<li><a href="#tab4">Tab 4</a></li>- Código:
<div id="tabNº" class="tab_content" style="display: block;">
<p>Content for the First tabs goes here</p>
</div>
- Não encontrei o stats no template do PhpBB2, e agora?
Caso não tenha encontrado, busque por:- Código:
<!-- BEGIN disable_viewonline -->
- Resultado:
Atenciosamente,
Shek
Tópicos semelhantes
» Como posso tirar o nome fórum grátis do titulo do fórum ?
» Antes de acessar o Fórum ser direcionado a um site e depois a pessoa escolher ir pro Fórum
» Tem como colocar o quote no meu forum,igual o desse forum ,vejam o link abaixo
» Como centralizar o fórum? após eu diminuir a largura do fórum, ele ficou no canto da tela
» [Resolvido] Como mostrar as últimas noticias de outro fórum em meu fórum?
» Antes de acessar o Fórum ser direcionado a um site e depois a pessoa escolher ir pro Fórum
» Tem como colocar o quote no meu forum,igual o desse forum ,vejam o link abaixo
» Como centralizar o fórum? após eu diminuir a largura do fórum, ele ficou no canto da tela
» [Resolvido] Como mostrar as últimas noticias de outro fórum em meu fórum?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos