Estatísticas personalizadas
+3
Hancki
POGRAMANDO
Nosferatu~
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Estatísticas personalizadas
Qual é minha questão:
Ola,
Bom gostaria de saber como criar um campo de estatísticas igual a esse fórum
http://bestskins.com.br/forum
Como esta:
Como eu quero que fique:
(quero os quadros e a lista de membros igual.)
Agradeço desde Já
Endereço do meu fórum:
http://style-art.forumeiros.com
Versão do fórum:
PunBB
Ola,
Bom gostaria de saber como criar um campo de estatísticas igual a esse fórum
http://bestskins.com.br/forum
Como esta:
Como eu quero que fique:
(quero os quadros e a lista de membros igual.)
Agradeço desde Já
Endereço do meu fórum:
http://style-art.forumeiros.com
Versão do fórum:
PunBB
Re: Estatísticas personalizadas
Aqui esta:
- Código:
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img src="http://i.imgur.com/1kBChX9.jpg" title="" id="wows1_0" />
</li>
<li><img src="http://i.imgur.com/Dot6XdL.jpg" title="" id="wows1_1" />
</li>
<li><img src="http://i.imgur.com/Heu2Nw2.jpg" title="" id="wows1_2" />
</li>
</ul>
</div>
<div class="ws_bullets">
</div>
<span class="wsl"><a href="http://wowslider.com">Slideshow for Web Page</a> by WOWSlider.com v4.8</span><a href="#" class="ws_frame"></a>
<div class="ws_shadow">
</div>
</div>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/js.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/scripts.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/loading.js"></script>
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/style.css" media="screen" />
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/jquery.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/wowslider.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/script.js"></script>
{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 class="board_statistics"><h2>{TOTAL_USERS_ONLINE}</h2>
<br /> <p>{RECORD_USERS}</p> <p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<br />
<p>{L_WHOSBIRTHDAY_TODAY} </p>
<p>{L_WHOSBIRTHDAY_WEEK}</p>
<p>{LEGEND} : {GROUP_LEGEND}</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="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>
<!-- 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 -->
Re: Estatísticas personalizadas
Olá!
Substitua o código do template "index_body" por este:
Hancki
Substitua o código do template "index_body" por este:
- Código:
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img src="http://i.imgur.com/1kBChX9.jpg" title="" id="wows1_0" />
</li>
<li><img src="http://i.imgur.com/Dot6XdL.jpg" title="" id="wows1_1" />
</li>
<li><img src="http://i.imgur.com/Heu2Nw2.jpg" title="" id="wows1_2" />
</li>
</ul>
</div>
<div class="ws_bullets">
</div>
<span class="wsl"><a href="http://wowslider.com">Slideshow for Web Page</a> by WOWSlider.com v4.8</span><a href="#" class="ws_frame"></a>
<div class="ws_shadow">
</div>
</div>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/js.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/scripts.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/loading.js"></script>
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/style.css" media="screen" />
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/jquery.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/wowslider.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/script.js"></script>
{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 class="board_statistics"><h2>{TOTAL_USERS_ONLINE}</h2>
<br /> <p>{RECORD_USERS}</p> <p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<br />
<p>{L_WHOSBIRTHDAY_TODAY} </p>
<p>{L_WHOSBIRTHDAY_WEEK}</p>
<p>{LEGEND} : {GROUP_LEGEND}</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="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>
<!-- 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 -->
- Código:
.board_statistics h2 {
background: #F3F5F7;
border: 1px solid #D9DBDD;
box-shadow: 0 0 3px rgba(109,119,237,0.2);
padding: 5px;
font-family: tahoma,helvetica,arial,sans-serif;
color: #727272;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.board_statistics p {
font-size: 12px;
color: #000;
line-height: 150%;
}
.onlinechat {
display: none;
}
Hancki
Re: Estatísticas personalizadas
Boa noite!
Você pode verificar este tópico sobre o mesmo assunto: https://ajuda.forumeiros.com/t88683-
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre aparência'
Você pode verificar este tópico sobre o mesmo assunto: https://ajuda.forumeiros.com/t88683-
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre aparência'
Re: Estatísticas personalizadas
Ola,vi o topico e percebi que o o membro não obteve um total resultado a sua questão alem disso ao adicionar os códigos exibidos no tópico o resultado não foi o esperado.
Por hora consegui adicionar os "quadros" porem a lista de membros conectados se ocultou e o " [espaço] " que escondia os grupos também.
Veja:
Por hora consegui adicionar os "quadros" porem a lista de membros conectados se ocultou e o " [espaço] " que escondia os grupos também.
Veja:
- Index_body:
- Código:
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img src="http://i.imgur.com/1kBChX9.jpg" title="" id="wows1_0" />
</li>
<li><img src="http://i.imgur.com/Dot6XdL.jpg" title="" id="wows1_1" />
</li>
<li><img src="http://i.imgur.com/Heu2Nw2.jpg" title="" id="wows1_2" />
</li>
</ul>
</div>
<div class="ws_bullets">
</div>
<span class="wsl"><a href="http://wowslider.com">Slideshow for Web Page</a> by WOWSlider.com v4.8</span><a href="#" class="ws_frame"></a>
<div class="ws_shadow">
</div>
</div>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/js.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/scripts.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/loading.js"></script>
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/style.css" media="screen" />
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/jquery.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/wowslider.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B9yqUYkGpgrRUURsbV9iUDZSV0U/script.js"></script>
{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>
</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}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<!-- codigo quantidade de membros e membro novo -->
<div id="statistics">
<br />
<ul class="statsPers">
<li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
<li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
<li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
<li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
</ul>
<br />
</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
var sHtml = '<li><span>' + totalPost + '</span> Posts</li>'+
'<li><span>' + totalUser + '</span> Membros</li>'+
'<li><span>' + lastUser + '</span> Membro Mais Novo</li>'+
'<li><span>' + rdtOn + '</span> Recorde de Usuários Online</li>';
$('ul.statsPers').prepend(sHtml);
});
//]]>
</script>
<!-- fim do codigo de membros, estatisticas -->
<div id="pun-info" class="main" style="display: none;">
<div class="main-statistics">
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p id="total_users_online">{TOTAL_USERS_ONLINE}<br /></p>
<p id="record_users">{RECORD_USERS}<br /></p>
<p id="logged_in_user_list">{LOGGED_IN_USER_LIST}</p>
<p id="l_online_users">{L_ONLINE_USERS}</p>
<p id="l_connected_members">{L_CONNECTED_MEMBERS}<br /></p>
<p id="l_whosbirthday_today">{L_WHOSBIRTHDAY_TODAY}</p>
<p id="l_whosbirthday_week">{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p id="group_legend">{LEGEND} : {GROUP_LEGEND}</p>
</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>
<!-- Ipboard stile -->
<div class="statistics clearfix" id="board_statistics">
<ul class="ipsList_inline right ipsType_small" id="stat_links">
<!-- Hook point -->
<li><a title="Visualizar a equipe de moderação" href="/g2-">Equipe de moderação</a></li>
<li><a title="Visualizar os maiores postadores de hoje" href="/memberlist?mode=today_posters">Top 20 posters de hoje</a></li>
<li><a title="Visualizar os maiores postadores do fórum" href="/memberlist?mode=overall_posters">Top posters geral</a></li>
</ul>
<h4 class="statistics_head"></h4>
<p class="statistics_brief desc">
</p>
<br>
<p class="users_online">
</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="ipsSideBlock clearfix" id="active_users">
<h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>
<div>
<span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>
<br><br>
<p id="shoutbox-active-names">
{CHATTERS_LIST}
</p>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
$('#shoutbox-active-total').text(total_chatters);
$('#shoutbox-active-member').text(total_chatters);
//]]>
</script>
<!-- END switch_chatbox_activate -->
<div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>
<div id="new_group_legend" class=groups></div>
<script type="text/javascript">
//<![CDATA[
var target = $('#total_users_online'); /*Há 1 usuários online :: 0 usuários cadastrados, Nenhum Invisível e 1 Visitante :: [1 Motor de busca]*/
var aSplit = target.text();
/* Usuários online/ativos */
var users_active = target.find('strong:first').text() + ' usuários ativos (nos últimos 45 minutos)';
$('#board_statistics').find('h4.statistics_head').text(users_active);
var membros = aSplit.split(' :: ')[1].substr(0, 1);
if(membros == 'N') {membros = 0;}
membros += ' membros, ';
var visitantes = aSplit.split(' e ')[1].substr(0, 1);
if(visitantes == 'n') {visitantes = 0;}
$('#board_statistics').find('h4.statistics_head').text(users_active);
$('#board_statistics').find('p.statistics_brief.desc')
.text(membros + visitantes + ' visitantes, 0 membros anônimos').append(' <a href="/viewonline">(lista completa)</a>');
aSplit = $('#logged_in_user_list').html();
var start = aSplit.search('registrados : ') + 14;
users_active = aSplit.substring(start);
users_active = users_active.replace("Nenhum","");
$('#board_statistics').find('p.users_online').html(users_active);
var listHtml = '';
var target = $('#group_legend').find('b');
target.each(function(index, value){
if (listHtml != '') {listHtml += ' <strong>·</strong> ';}
listHtml += $(this).html();
});
$('#new_group_legend').html('<img src="http://punbb.informer.com/favicon.ico" alt="PunBB.Forumeiros.com"> ' + listHtml);
var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
$('#shoutbox-active-total').text(total_chatters);
$('#shoutbox-active-member').text(total_chatters);
//]]>
</script>
<style type="text/css">
<!--
#pun-info {
margin-top: 15px;
border: 0px;
}
.statistics_head {
font-size: 14px !important;
font-weight: bold !important;
}
.statistics {
border-top: 3px solid #D8D8D8 !important;
line-height: 1.3 !important;
margin: 20px 0 0 !important;
overflow: hidden !important;
padding: 10px 0 !important;
}
#onlinelist {
background: white;
border: 0px;
border-top:none;
}
#onlinechat {
background: white;
border-top: 1px solid #EEE;
border-top:none;
}
-->
</style>
</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 -->
Re: Estatísticas personalizadas
Olá,
Aceda,
Painel de controle -> Visualização -> Templates / Opção Geral
Substituía o seu código por este,
Atenciosamente,
ShiroK
Aceda,
Painel de controle -> Visualização -> Templates / Opção Geral
Substituía o seu código por este,
- Código:
{JAVASCRIPT}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_user_logged_in -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="pun-visit" class="clearfix">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<ul>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</ul>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_user_logged_in -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_user_logged_out -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="pun-visit">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_user_logged_out -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN message_admin_index -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="main">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN message_admin_titre -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="main-head">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END message_admin_titre -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN message_admin_txt -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="pun-announcement">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END message_admin_txt -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END message_admin_index -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_user_login_form_header -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="main">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="user_login_form main-box center">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_fb_connect -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<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>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_fb_connect -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</form>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_user_login_form_header -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{CHATBOX_TOP}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{BOARD_INDEX}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="sign_week"><center></center></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$(document).ready(function(){[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var rdtOn = $('.rdtOn strong').html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var lastUser = $('.lastUser strong').html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var totalUser = $('.totalUser strong').html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var totalPost = $('.totalPost strong').html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('ul.statsPers').prepend('[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><span>'+totalPost+'</span> Total de posts</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><span>'+totalUser+'</span> Total de membros</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><span>'+lastUser+'</span> Membro mais novo</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
');[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
});[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="statistics">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<ul class="statsPers">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li class="statHide totalUser">Membros: {TOTAL_USERS}</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</ul>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN disable_viewonline -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="pun-info" class="main" style="display: none;">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="main-statistics">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="onlinelist">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p class="right">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_viewonline_link -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_viewonline_link -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_viewonline_nolink -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{L_WHO_IS_ONLINE}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_viewonline_nolink -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="total_users_online">{TOTAL_USERS_ONLINE}<br /></p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="record_users">{RECORD_USERS}<br /></p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="logged_in_user_list">{LOGGED_IN_USER_LIST}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="l_online_users">{L_ONLINE_USERS}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="l_connected_members">{L_CONNECTED_MEMBERS}<br /></p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="l_whosbirthday_today">{L_WHOSBIRTHDAY_TODAY}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="l_whosbirthday_week">{L_WHOSBIRTHDAY_WEEK}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="clear"></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="group_legend">{LEGEND} : {GROUP_LEGEND}</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_chatbox_activate -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="onlinechat">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p class="page-bottom">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{TOTAL_CHATTERS_ONLINE} : [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{CHATTERS_LIST}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_chatbox_popup -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="chatbox_popup"></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<script type="text/javascript">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_chatbox_popup -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_chatbox_activate -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- Ipboard stile -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="statistics clearfix" id="board_statistics">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<ul class="ipsList_inline right ipsType_small" id="stat_links">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- Hook point -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a title="Visualizar a equipe de moderação" href="/g2-">Equipe de moderação</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a title="Visualizar os maiores postadores de hoje" href="/memberlist?mode=today_posters">Top 20 posters de hoje</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li><a title="Visualizar os maiores postadores do fórum" href="/memberlist?mode=overall_posters">Top posters geral</a></li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</ul>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<h4 class="statistics_head"></h4>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p class="statistics_brief desc">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p class="users_online">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_chatbox_activate -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="ipsSideBlock clearfix" id="active_users">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<br><br>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<p id="shoutbox-active-names">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{CHATTERS_LIST}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</p>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<script type="text/javascript">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//<![CDATA[[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#shoutbox-active-total').text(total_chatters);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#shoutbox-active-member').text(total_chatters);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//]]>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_chatbox_activate -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="new_group_legend" class=groups></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<script type="text/javascript">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//<![CDATA[[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var target = $('#total_users_online'); /*Há 1 usuários online :: 0 usuários cadastrados, Nenhum Invisível e 1 Visitante :: [1 Motor de busca]*/[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var aSplit = target.text();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
/* Usuários online/ativos */[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var users_active = target.find('strong:first').text() + ' usuários ativos (nos últimos 45 minutos)';[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#board_statistics').find('h4.statistics_head').text(users_active);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var membros = aSplit.split(' :: ')[1].substr(0, 1) + ' membros, ';[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var visitantes = aSplit.split(' e ')[1].substr(0, 1);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
if(visitantes == 'n') {visitantes = 0;} [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#board_statistics').find('h4.statistics_head').text(users_active);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#board_statistics').find('p.statistics_brief.desc')[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
.text(membros + visitantes + ' visitantes, 0 membros anônimos').append(' <a href="/viewonline">(lista completa)</a>');[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
aSplit = $('#logged_in_user_list').html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var start = aSplit.search('registrados : ') + 14;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
users_active = aSplit.substring(start);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#board_statistics').find('p.users_online').html(users_active);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var listHtml = '';[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var target = $('#group_legend').find('b');[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
target.each(function(index, value){[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
if (listHtml != '') {listHtml += ' <strong>·</strong> ';}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
listHtml += $(this).html();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
});[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#new_group_legend').html('<img src="http://punbb.informer.com/favicon.ico" alt="PunBB.Forumeiros.com"> ' + listHtml);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#shoutbox-active-total').text(total_chatters);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
$('#shoutbox-active-member').text(total_chatters);[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//]]>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<style type="text/css">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!--[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
#pun-info {[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
margin-top: 15px;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border: 0px;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
.statistics_head {[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
font-size: 14px !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
font-weight: bold !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
.statistics {[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border-top: 3px solid #D8D8D8 !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
line-height: 1.3 !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
margin: 20px 0 0 !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
overflow: hidden !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
padding: 10px 0 !important;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
#onlinelist {[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
background: white;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border: 0px;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border-top:none;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
#onlinechat {[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
background: white;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border-top: 1px solid #EEE;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
border-top:none;[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
-->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</style>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END disable_viewonline -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_user_login_form_footer -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div class="user_login_form main-box center">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> [size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_fb_connect -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<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>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_fb_connect -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</form>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_user_login_form_footer -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{CHATBOX_BOTTOM}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_legend -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<ul id="pun-legend">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</li>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</ul>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_legend -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
{AUTO_DST}[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- BEGIN switch_fb_index_login -->[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<div id="fb-root"></div>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<script type="text/javascript">[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//<![CDATA[[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
FB.init({[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
status: true,[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
cookie: true,[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
xfbml: true,[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
oauth: true[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
});[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
//]]>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
</script>[size=11][color=#3a6a16][font=monospace][/font][/color][/size]
<!-- END switch_fb_index_login -->
Atenciosamente,
ShiroK
Re: Estatísticas personalizadas
Troque o index_body por este:
- 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 id="stats">
<br />
<ul class="statsPers">
<li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
<li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
<li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
<li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
</ul>
<br />
<div class="board_statistics"><h2>{TOTAL_USERS_ONLINE}</h2>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
<p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<p>{GROUP_LEGEND}</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="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>
<!-- 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 -->
<!-- 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 -->
<style>
#estadisticas-IPB {
overflow: hidden;
text-align: center;
margin: 10px 0px;
}
#estadisticas-IPB div.stat-bloque {
margin-right: 20px;
display: inline;
}
#estadisticas-IPB .stat-bloque span {
display: inline-block;
background: url('http://i.imgur.com/Gs8Nv.png') repeat;
background: rgba(0, 0, 0, 0.1);
color: #222;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
}
.board_statistics {
border-radius: 5px 5px 5px 5px;
margin: 10px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: solid #212121;
border-width: 0px 1px 1px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
.board_statistics h2 {
color: #C2C2C2;
border-bottom: 1px solid #212121;
border-top: 1px solid #212121;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
background: #212121 url(http://i.imgur.com/M3ytK.png) repeat-x top;
font-size: 11px;
font-weight: normal;
padding: 8px;
margin: -8px -8px 8px -8px;
font-family: Lato, tahoma, helvetica, arial, sans-serif;
}
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
</style>
- Código:
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');
});
Re: Estatísticas personalizadas
Boa noite!
Desculpe-me, mas funciona sim!!
Re-faça todos os passos e verifique novamente seus scripts e templates!
Atenciosamente,
Shek
Desculpe-me, mas funciona sim!!
Re-faça todos os passos e verifique novamente seus scripts e templates!
Atenciosamente,
Shek
Re: Estatísticas personalizadas
Sim.
Mas o que eu quero é que fique assim:
O "quadro" são os que preenche os campos como "Total de posts" ,etc.
Mas o que eu quero é que fique assim:
O "quadro" são os que preenche os campos como "Total de posts" ,etc.
Re: Estatísticas personalizadas
Olá,
Leia:
Atenciosamente.
Leia:
- Spoiler:
Estatísticas igual a IPB
Nesse tutorial vou estar passando os códigos necessários para você deixar as estatísticas do seu fórum semelhantes a de um fórum IPB.
OBS: Testado em PunBB e PhpBB2, nas demais versões não irá pegar por conta de edição de templantes que precisa ser feita.--> Tutoriais, dicas e astúcias <--
Estatísticas igual a IPB
1º - Editar o templante
PunBB:
Abra seu templante index_body e entre as linhas 57 e 68 deverá ter esse código- Código:
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
Abra seu templante index_body e entre as linhas 188 e 193 deverá ter esse código- Código:
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
Troque esse por esse outro código:- Código:
<div id="stats">
<br />
<ul class="statsPers">
<li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
<li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
<li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
<li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
</ul>
<br />
</div>
Feito isso, salve seu templante e publique ele.
2º - Adicionar código JavaScript
Vá até o gestor de códigos JavaScript e crie uma nova "página"
Coloque o nome que desejar, marque para funcionar em todas as páginas só para prevenir.
Código a ser usado será esse:- Código:
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');
});
Salva e siga para o próximo passo.
3º - Adicionar o css
Estamos quase acabando, agora para finalizar adicione o seguinte código CSS em sua Folha de estilos css- Código:
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
Finalizamos o tutorial, veja a seguir o resultado final dele.
4º - Resultado final© SwitchSe tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Estatísticas igual a IPB
Atenciosamente.
Tópicos semelhantes
» Estatísticas personalizadas
» Estátisticas personalizadas
» Estatísticas personalizadas
» Estatisticas personalizadas
» Estatisticas personalizadas
» Estátisticas personalizadas
» Estatísticas personalizadas
» Estatisticas personalizadas
» Estatisticas personalizadas
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos