Modificar a zona "Quem está conetado" (PhpBB 2 e PunBB) |
Este
tutorial é sobre a edição da parte dos templates referente à zona de
“Quem está conectado” , ou seja, atua nas versões PunBB e PhpBB2.
--> Tutoriais e astúcias <--
Modificar a zona "Quem está conetado" (PhpBB 2 e PunBB)
Modificar a zona "Quem está conetado" (PhpBB 2 e PunBB)
Para que possamos prosseguir com o tutorial é preciso que tenha noção sobre a edição dos templates que serão necessárias para a continuação deste tutorial. Para isso veja: Modificar os templates do fórum |
1º - Acessar a template
Terá de acessar a gestão dos templates para efetuar as mudanças. Aceda a:
Painel de Controle -> Visualização -> Templates -> Geral -> template index_body
(falta a imagem)
2º - Encontrar a parte do código a alterar
Versão PhpBB 2
- Código:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28"><span
class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}"
rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
</tr>
<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}
{TOTAL_USERS}
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}',
'{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
Versão PunBB
- Código:
<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></p>
<p>{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}
<!-- 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 -->
3º - Identificar as diferentes partes do código
Com
esta alteração poderemos mudar vários aspetos do código de forma a
reestruturar a zona "Quem está conetado". No entanto temos de saber
aquilo que estamos a alterar (variáveis) para podermos saber onde
inserir uma imagem, uma frase, etc. Por exemplo, {L_ONLINE_IMG} seria
substituído pelo endereço da imagem que está nessa linha. Mas como saber
onde cada uma dessas variáveis será substituída?
Vejamos um outro exemplo com a variável {L_CONNECTED_MEMBERS}:
Insira
um marcador, como DDDDebut e depois um outro como FFFFin. Seguidamente
salve e publique o seu template. Depois basta ir ao código fonte e
procurar por um dos marcadores que inseriu previamente.
No modelo
No código-fonte
Portanto no segundo exemplo a substituição foi:
Código:Selecionar conteúdo1
2
3
4
style="color:#000099">Admin
Importante:
Seja qual for a sua intenção relativamente à mudança desta parte em
particular deve sempre lembrar-se de manter a conformidade das tags. Por
exemplo, imagine que existia o seguinte:
Código:Selecionar conteúdo1
Todas
as balizas terão de ser fechadas, caso contrário não funcionará. O caso
em cima é especial pois estamos perante uma tag indicando a existência
de uma linha numa tabela (table row=
Código:Selecionar conteúdo1
Lista de variáveis
{U_VIEWONLINE} - phpbb2 & punbb
Código:Selecionar conteúdo1/viewonline.htm
Explicação:
Endereço relativo à página "Quem está online" e poderá ser utilizada
com um link num código html (Quem está
online )
{L_WHO_IS_ONLINE} - phpbb2 & punbb
Código:Selecionar conteúdo1Qui est en ligne?
Explicação: Sequência de texto que muda conforme a língua utilizada no fórum.
{L_ONLINE_IMG} - phpbb2 & punbb
Código:Selecionar conteúdo1https://2img.net/i/fa/subsilver/whosonline.gif
Explicação:
É o link da imagem. A Administração pode utilizar isto para colocar uma
imagem sem ter que estar a mudar o tema/versão do fórum (basta mudar a
imagem no painel de controle em "gestão de imagens")
{TOTAL_POSTS} - phpbb2 & punbb
Código:Selecionar conteúdo1Nos membres ont posté un total de 2 messages
Explicação: É o número de mensagens postadas no fórum. No final deste tutorial veremos como alterar esta parte do texto.
{TOTAL_USERS} - phpbb2 & punbb
Código:Selecionar conteúdo1Nous avons 1 membre enregistré
Explicação: É o número total de membros registados.
{NEWEST_USER} - phpbb2 & punbb
Código:Selecionar conteúdo1
2
3L'utilisateur enregistré le plus récent est
href="/profile.forum?mode=viewprofile&u=1">style="color:#000099">Admin
Explicação: Esta parte representa a informação acerca do último membro registado.
{TOTAL_USERS_ONLINE} - phpbb2 & punbb
Código:Selecionar conteúdo1
2Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité
Explicação: Esta parte diz respeita ao número total de pessoas online, tantos os registados como os convidados.
{RECORD_USERS} - phpbb2 & punbb
Código:Selecionar conteúdo1
2Le record du nombre d'utilisateurs en ligne est de 2 le Mer 21 Avr 2010 - 21:18
Explicação: Esta frase mostra o recorde de utilizadores online registado num determinado dia.
{LOGGED_IN_USER_LIST} - phpbb2 & punbb
Código:Selecionar conteúdo1
2Utilisateurs enregistrés : href="/profile.forum?mode=viewprofile&u=1">style="color:#000099">Admin
Explicação: Lista de utilizadores online e invisíveis (apenas os administradores e moderadores podem ver esses membros).
{L_ONLINE_USERS} - punbb
Explicação: Esta variável não pode ser substituída por nada o que no fim de contas não lhe dá utilidade alguma.
{L_CONNECTED_MEMBERS} - phpBB2
Código:Selecionar conteúdo1
2
3
4
style="color:#000099">Admin
Explicação:
Indica os utilizadores registados que visitaram o fórum num determinado
período de tempo (exemplo: nas últimas 24 horas).
Código do template a utilizar:
Código:Selecionar conteúdo1
{L_CONNECTED_MEMBERS} - punBB
Código:Selecionar conteúdo1
2
3Membres connectés au cours des 24 dernières heures : href="/profile.forum?mode=viewprofile&u=1">style="color:#000099">Admin
Explicação:
Indica os utilizadores registados que visitaram o fórum num determinado
período de tempo (exemplo: nas últimas 24 horas).
{L_WHOSBIRTHDAY_TODAY} - phpBB2
Código:Selecionar conteúdo1
2
Explicação: Indica os aniversários do dia.
Template a utilizar:
Código:Selecionar conteúdo1
Código:Selecionar conteúdo1
{L_WHOSBIRTHDAY_TODAY} - punBB
Código:Selecionar conteúdo1
2
Aucun membre ne fête son anniversaire aujourd'hui
Explicação: Indica os aniversários do dia.
{L_WHOSBIRTHDAY_WEEK} - phpBB2
Código:Selecionar conteúdo1
2Aucun membre ne fête son anniversaire dans les 7 prochains jours
Explicação: Indica os aniversários durante um período de tempo definido pelo administrador.
Template a utilizar:
Código:Selecionar conteúdo1
{L_WHOSBIRTHDAY_WEEK} |
Código:Selecionar conteúdo1
{L_WHOSBIRTHDAY_WEEK} - punBB
Código:Selecionar conteúdo1Aucun membre ne fête son anniversaire dans les 7 prochains jours
Explicação: Indica os aniversários durante um período de tempo definido pelo administrador.
{LEGEND} - punBB e phpBB2
Código:Selecionar conteúdo1Légende
Explicação: Indica os aniversários durante um período de tempo definido pelo administrador.
(em desenvolvimento)
{GROUP_LEGEND} - punBB e phpBB2
Código:Selecionar conteúdo1
2[ [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ]
Explicação: Indica os grupos existentes (os visíveis e com cor)
{TOTAL_CHATTERS_ONLINE} - punBB e phpBB2
Código:Selecionar conteúdo1Il y a actuellement 1 utilisateur(s) sur la ChatBox
Explicação: Número total de membros no chat.
{CHATTERS_LIST} - punBB e phpBB2
Código:Selecionar conteúdo1
2href="/profile.forum?mode=viewprofile&u=1">style="color:#000099">Admin
Explicação: Lista com o nome de membros no chat.
{...U_FRAME_CHATBOX} - punBB e phpBB2
Código:Selecionar conteúdo1/chatbox/chatbox.forum?
Explicação: É apenas um link relativo ao chatbox.
{L_CLICK_TO_JOIN_CHAT} - punBB e phpBB2
Código:Selecionar conteúdo1Rejoindre le Chat
Explicação: É apenas uma linha que muda consoante a linguagem.
(Eu coloquei o código do modelo para usar as variáveis quando não era apenas a própria variável) |
agora você está pronto para usar essas variáveis nas estruturas quiser html (blocos, blocos de rolagem da tabela, ...)
4º - Considerações finaisi
É
possível substituir completamente algo, como os grupos pode-se
substituir completamente, dando links para páginas de grupo e da cor
(que pode apresentá-los como totalmente deseja, mas não surtirá efeito
aos membros pertencentes aos grupos)
O quem está conectado não há
nenhuma maneira de mudá-lo assim (porque cada vez que você reabrir a
página que deve ser modificado de acordo com os usuários que estão
on-line), você deve Portanto, se queremos apresentá-lo de forma
diferente para a variável e usar javascript (é uma linguagem que é usada
para modificar uma página web na sequência dos acontecimentos de que é
decidido (ele vai estar aqui de passagem que o código irá alterar os
elementos que desejas) para edição.
É recomendado que faça apenas
um bloco (
... div>) ou tabela (
... tr> td> table>) com Quem está online caso queira colocar um identificador para tal parte dum código basta adicionar um atributo id e definir o id. (veja o exemplo ... div> e para uma tabela ficaria assim
|