Alinhar Estatísticas
2 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
Alinhar Estatísticas
Detalhes da questão
Endereço do fórum: http://tlcforumteste.forumeiros.com/
Versão do fórum: phpBB3
Descrição
Gostaria de alinhar minhas estatísticas. O problema está abaixo:
Eu quero estender a parte de "Quem está conectado", "estatísticas" e "grupos" de forma que preencha o espaço em que está marcado o "X" vermelho.
Talvez seja preciso saber a index_body, então deixo ela aqui já:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div style="height: 60px;"></div>
<li class="header" style="width: 985px; margin-left: 5px;">
<dl class="icon">
<dd class="dterm"><div class="table-title"><h2>Estatísticas</h2></div></dd>
</dl>
</li>
<div style="height: 5px;"></div>
<div style="width: 985px; margin-left: -20px; height: 200px; margin-bottom: 60px; position: relative;">
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="titulos-estad"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<div class="enlinea">{TOTAL_USERS_ONLINE}<br />
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
</div>
<!-- BEGIN switch_statistics_link -->
<div class="titulos-estad" style="position: absolute; top: 0px; left: 264px;"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<div class="estadisticas">
<div class="estad">{TOTAL_POSTS}</div>
<div class="estad">{TOTAL_USERS}</div>
<div class="estad">{RECORD_USERS}</div>
<div class="estad">{NEWEST_USER}</div>
</div>
<div class="titulos-estad" style="width: 247px; position: absolute; top: 0px; left: 528px;"><a href="/groups">Grupos</a></div>
<div class="grupos"><a href="url" class="grupo" style="background: #36802D;">Distrito 1</a><a href="url" class="grupo" style="background: #234D20;">Distrito 2</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 3</a><a href="url" class="grupo" style="background: #36802D;">Distrito 4</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 5</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 6</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 7</a><a href="url" class="grupo" style="background: #234D20;">Distrito 8</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 9</a><a href="url" class="grupo" style="background: #36802D;">Distrito 10</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 11</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 12</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 13</a><a href="url" class="grupo" style="background: #234D20;">Capitolio</a></div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_legend -->
<div class="picture-legend"><table cellspacing="0"><td><img class="foto-legend" src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><div class="texto-legend">{L_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><div class="texto-legend" style="margin-right: 2px; margin-left: 2px;">{L_NO_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><div class="texto-legend">{L_FORUM_LOCKED}</div></td></table>
</div>
<!-- END switch_legend -->
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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 -->
<!-- END switch_chatbox_activate -->
{CHATBOX_BOTTOM}
<br style="clear:both" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Desde já agradeço a ajuda!
Re: Alinhar Estatísticas
Olá,
Troque o seu template para este:
Troque o seu template para este:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div style="height: 60px;"></div>
<li class="header" style="width: 985px; margin-left: 5px;">
<dl class="icon">
<dd class="dterm"><div class="table-title"><h2>Estatísticas</h2></div></dd>
</dl>
</li>
<div style="height: 5px;"></div>
<div style="width: 985px; margin-left: 100px; height: 200px; margin-bottom: 60px; position: relative;">
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="titulos-estad"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<div class="enlinea">{TOTAL_USERS_ONLINE}<br />
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
</div>
<!-- BEGIN switch_statistics_link -->
<div class="titulos-estad" style="position: absolute; top: 0px; left: 264px;"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<div class="estadisticas">
<div class="estad">{TOTAL_POSTS}</div>
<div class="estad">{TOTAL_USERS}</div>
<div class="estad">{RECORD_USERS}</div>
<div class="estad">{NEWEST_USER}</div>
</div>
<div class="titulos-estad" style="width: 247px; position: absolute; top: 0px; left: 528px;"><a href="/groups">Grupos</a></div>
<div class="grupos"><a href="url" class="grupo" style="background: #36802D;">Distrito 1</a><a href="url" class="grupo" style="background: #234D20;">Distrito 2</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 3</a><a href="url" class="grupo" style="background: #36802D;">Distrito 4</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 5</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 6</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 7</a><a href="url" class="grupo" style="background: #234D20;">Distrito 8</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 9</a><a href="url" class="grupo" style="background: #36802D;">Distrito 10</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 11</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 12</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 13</a><a href="url" class="grupo" style="background: #234D20;">Capitolio</a></div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_legend -->
<div class="picture-legend"><table cellspacing="0"><td><img class="foto-legend" src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><div class="texto-legend">{L_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><div class="texto-legend" style="margin-right: 2px; margin-left: 2px;">{L_NO_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><div class="texto-legend">{L_FORUM_LOCKED}</div></td></table>
</div>
<!-- END switch_legend -->
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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 -->
<!-- END switch_chatbox_activate -->
{CHATBOX_BOTTOM}
<br style="clear:both" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Última edição por Roger123 em 21.12.18 8:56, editado 1 vez(es)
Convidado- Convidado
Re: Alinhar Estatísticas
Oi amigo, não funcionou, será que precisaria fazer uma mudança diretamente na folha de CSS?
Abraços.
Abraços.
Re: Alinhar Estatísticas
Ora, pois esqueci. Agora ficou centralizado, teria como ocupar todo o espaço que está faltando nas laterais? Tá ótimo assim, mas se conseguir ficará perfeito.
Abraços.
Abraços.
Re: Alinhar Estatísticas
Olá @Lockey,
Cordialmente,
pedxz.
Fórum em manutençãoPara que possamos dar continuidade, o seu fórum não pode estar em manutenção. Seu tópico ficará pendente até você retirar o modo de manutenção. Caso não seja retirado nos próximos dois dias, este será movido para lixeira. Tópico pendente. |
Cordialmente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Alinhar Estatísticas
O Seu template está um pouco confuso porém mude para:
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<div style="height: 60px;"></div>
<li class="header" style="width: 985px; margin-left: 5px;">
<dl class="icon">
<dd class="dterm"><div class="table-title"><h2>Estatísticas</h2></div></dd>
</dl>
</li>
<div style="height: 5px;"></div>
<div style="width: 100%; height: 200px; margin-bottom: 60px; position: relative;">
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="titulos-estad" width: 33,333%!important;><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<div class="enlinea" style="width: 33,333%!important">{TOTAL_USERS_ONLINE}<br />
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
</div>
<!-- BEGIN switch_statistics_link -->
<div class="titulos-estad" style="width: 33,333%!important;position: absolute; top: 0px; left: 330px;"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<div class="estadisticas" style="width: 33,333%!important; left: 330px;">
<div class="estad">{TOTAL_POSTS}</div>
<div class="estad">{TOTAL_USERS}</div>
<div class="estad">{RECORD_USERS}</div>
<div class="estad">{NEWEST_USER}</div>
</div>
<div class="titulos-estad" style="width: 33,333%; position: absolute; top: 0px; left: 660px;"><a href="/groups">Grupos</a></div>
<div class="grupos" style="width: 33,333%!important;left: 660px;"><a href="url" class="grupo" style="background: #36802D;">Distrito 1</a><a href="url" class="grupo" style="background: #234D20;">Distrito 2</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 3</a><a href="url" class="grupo" style="background: #36802D;">Distrito 4</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 5</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 6</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 7</a><a href="url" class="grupo" style="background: #234D20;">Distrito 8</a>
<a href="url" class="grupo" style="background: #77AB59;">Distrito 9</a><a href="url" class="grupo" style="background: #36802D;">Distrito 10</a>
<a href="url" class="grupo" style="background: #234D20;">Distrito 11</a><a href="url" class="grupo" style="background: #77AB59;">Distrito 12</a>
<a href="url" class="grupo" style="background: #36802D;">Distrito 13</a><a href="url" class="grupo" style="background: #234D20;">Capitolio</a></div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_legend -->
<div class="picture-legend"><table cellspacing="0"><td><img class="foto-legend" src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><div class="texto-legend">{L_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><div class="texto-legend" style="margin-right: 2px; margin-left: 2px;">{L_NO_NEW_POSTS}</div></td>
<td><img class="foto-legend" src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><div class="texto-legend">{L_FORUM_LOCKED}</div></td></table>
</div>
<!-- END switch_legend -->
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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 -->
<!-- END switch_chatbox_activate -->
{CHATBOX_BOTTOM}
<br style="clear:both" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Alinhar Estatísticas
Ficou bugado, mas pode deixar, ele ficará centralizado mesmo.
Obrigado pela ajuda!
Obrigado pela ajuda!
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