Inverter ordem de data e nome

3 participantes

Ir para baixo

Tópico resolvido Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 2:59

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição


Bom, tentei e não consegui e vi que o nome do usuário está vinculado junto com a data (coisa doida).
Seria possível inverter o local destes itens: http://prntscr.com/gqkv3k ?
O nome ficará no local da data e a data no local do nome?

Meu Index_Box:
Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead class="fa-custom-table-head">
              <tr class="main-head">
                  <th class="tcl">
              <div class="page-title">{catrow.tablehead.L_FORUM}</div>
            </th>
                  <th class="col_c_stats">
              </th>
                  <th class="tcr">
              <i class="ion-android-time" title="{L_LASTPOST}"></i>
              <i class="ion-android-add-circle hidden" data-tooltip="Expandir"></i>
              <i class="ion-android-remove-circle" data-tooltip="Esconder"></i>
              </th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: -1px {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle" style="padding-left: 0px">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                <td class="col_c_stats"><span class="posts">{catrow.forumrow.POSTS}</span></br><span class="topicos">Posts</span></td>
                  <td class="tcr">
                            <!-- BEGIN ads -->
                    <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                      {catrow.forumrow.ads.DATE}<br />
                                  {catrow.forumrow.ads.LOCATION}
                                </span>
                    </span>
                            <!-- END ads -->
                            <!-- BEGIN avatar -->
                      <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                                            {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>
 
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


Última edição por iScroll em 01.10.17 3:15, editado 1 vez(es)
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Alex 28.09.17 8:51

Olá.

Tente trocar por este:
Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead class="fa-custom-table-head">
              <tr class="main-head">
                  <th class="tcl">
              <div class="page-title">{catrow.tablehead.L_FORUM}</div>
            </th>
                  <th class="col_c_stats">
              </th>
                  <th class="tcr">
              <i class="ion-android-time" title="{L_LASTPOST}"></i>
              <i class="ion-android-add-circle hidden" data-tooltip="Expandir"></i>
              <i class="ion-android-remove-circle" data-tooltip="Esconder"></i>
              </th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: -1px {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle" style="padding-left: 0px">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                <td class="col_c_stats"><span class="posts">{catrow.forumrow.POSTS}</span></br><span class="topicos">Posts</span></td>
                  <td class="tcr">
                            <!-- BEGIN ads -->
                    <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                      {catrow.forumrow.ads.LOCATION}<br />
                                  {catrow.forumrow.ads.DATE}
                                </span>
                    </span>
                            <!-- END ads -->
                            <!-- BEGIN avatar -->
                      <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                                            {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>
 
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até! o/
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 18:37

Sem resultado.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Alex 28.09.17 19:11

Olá.

Eu testei no meu fórum e realmente foi como disse, não tem forma de mudar isso porque está tudo ligado à classe do PHP, logo não temos como mudar isso.

O que eu mudei foi a ordem dos anúncios, penso eu. Mas é melhor alterar para o que tinha antes para não causar confusão.

Peço desculpa de não poder ajudar mais.
Até! o/
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 20:33

AlexG escreveu:Olá.

Eu testei no meu fórum e realmente foi como disse, não tem forma de mudar isso porque está tudo ligado à classe do PHP, logo não temos como mudar isso.

O que eu mudei foi a ordem dos anúncios, penso eu. Mas é melhor alterar para o que tinha antes para não causar confusão.

Peço desculpa de não poder ajudar mais.
Até! o/

Sem problemas, tentei fazer da mesma forma mas não deu certo realmente.
Fico no aguardo de outra pessoa para ver se há como fazer.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 28.09.17 21:18

Cá está: um novo JavaScript que deve ser investido no índice.
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.tcr > span + span').each(function () {
      var $self = $(this);

      var $div = $('<div>', {
        'class': 'fa-lastpost-divider'
      }).insertAfter($self.children('a:first'));

      $self
        .children('strong')
          .prev('br')
          .remove()
        .end()
        .appendTo($div)
      ;

      $div
        .next('br')
        .remove()
      ;
    });
  });
}(jQuery));

O resultado:
-> http://prntscr.com/gqx4v1

o/

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 21:21

Quando tirei o nome dos tópicos ficou assim: http://prntscr.com/gqx68e normal como antes.
Há como proceder ?
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 28.09.17 21:22

Sem os nomes é mais complicado, dado que não teremos seletores fixos para a manipulação em jQuery.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 21:40

Teria como tentar faze-lo ? Eu queria justamente para retirar os nomes kk
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 28.09.17 22:04

Ok, desative o código.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 22:14

Feito. No aguardo.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 28.09.17 22:26

Código:
(function ($) {
  'use strict';

  $(function () {
    $('.tcr > span + span').each(function () {
      var $self = $(this);

      var $div = $('<div>', { 'class': 'fa-lastpost-divider' }).prependTo($self);
 
      $self
        .children('strong')
        .appendTo($div)
      ;

      $self
        .children('a')
        .css('margin-left', '5px')
        .appendTo($div)
      ;

      $self
        .find('br')
        .remove()
      ;
    });
  });
}(jQuery));
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 28.09.17 22:44

Perfeito, o efeito deste JS se aplica em Sub-Foruns tbm?
E no sub-forum gostaria de remover isso: http://prntscr.com/gqy51a
Seria possível remover esses "em" e "por"?
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 28.09.17 23:54

Troque o JavaScript por este:
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.tcr > span + span').each(function () {
      var $self = $(this);
 
      var $div = $('<div>', { 'class': 'fa-lastpost-divider' }).prependTo($self);
  
      $self
        .children('strong')
        .appendTo($div)
      ;
 
      $self
        .children('a')
        .css('margin-left', '5px')
        .appendTo($div)
      ;
 
      $self
        .find('br')
        .remove()
      ;
    });
    
    $('.tcr').each(function () {
      var $self = $(this);

      $self.html(function () {
        return $self
          .html()
          .replace(/em|por/g, '')
        ;
      });

      var $div = $('<div>').insertAfter($self.children('.lastpost-avatar'));
      
      $self
        .children('strong')
        .appendTo($div)
      ;

      $self
        .children('a')
        .css('margin-left', '5px')
        .appendTo($div)
      ;

      $self
        .find('br')
        .remove()
      ;
    });
  });
}(jQuery));

Invista-o nos subfóruns e no índice.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 29.09.17 0:05

Perfeito, mas veja: http://prntscr.com/gqywiq os avatares padrões estão bugados.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 29.09.17 0:09

Isso por que a imagem não existe mais, não por causa do código:
-> https://forum.mikrotik.com/styles/canvas/the/images/no_avatar.jpg
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 29.09.17 0:19

Como não? http://prntscr.com/gqz0pz
https://forum.mikrotik.com/styles/canvas/theme/images/no_avatar.jpg
http://prntscr.com/gqz0v5

---
Edit:
Troquei o avatar, era o jeito..

Só mais um detalhe, percebi que o before adicionado por mim para colocar o "Por" antes do nome acabou resultando isso: http://prntscr.com/gqz1y4
Dá para colocar sem obter esse mal resultado nos grupos ?
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 29.09.17 0:26

Eu não consegui o problema. E creio que não há ligação com o código acima.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 29.09.17 1:23

Sem problemas.
Há como centralizar tudo?
Veja : http://prntscr.com/gqzidi
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 29.09.17 17:03

Não é possível centralizar isso certinho.
Tente usar o margin-left...
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 29.09.17 23:09

... Se não há como fazer isso poderia então trabalhar no primeiro código com o título para o sub-forum? Terei de usar com o título mesmo ..
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 30.09.17 14:00

Decida-se, por favor. Ou é um, ou é outro. huh
Se quiser prosseguir com o título, remova os códigos colocados acima.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 30.09.17 15:24

Desculpe é que não sabia o resultado sem o titulo por isso vou optar com o título agora.
Pode voltar ao mesmo.
Códigos removidos.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 01.10.17 2:50

Aqui está. Invista no início e nos subfóruns.
Código:
(function ($) {
  'use strict';

  $(function () {
    $('.tcr > span + span').each(function () {
      var $self = $(this);
 
      var $div = $('<div>', {
        'class': 'fa-lastpost-divider'
      }).insertAfter($self.children('a:first'));
 
      $self
        .children('strong')
          .prev('br')
          .remove()
        .end()
        .appendTo($div)
      ;
 
      $div
        .next('br')
        .remove()
      ;
    });
   
    if (!/\/forum/gi.test(location.pathname)) {
      $('.tcr').each(function () {
        var $self = $(this);
 
        $self.html(function () {
          return $self
            .html()
            .replace(/em|por/g, '')
          ;
        });
 
        var $div = $('<div>').insertAfter($self.children('.lastpost-avatar'));
       
        $self
          .children('strong')
          .appendTo($div)
        ;
 
        $self
          .children('a')
          .css('margin-left', '5px')
          .appendTo($div)
        ;
 
        $self
          .find('br')
          .remove()
        ;
      });
    }
  });
}(jQuery));

Spoiler:
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por iScroll 01.10.17 3:13

Perfeito. Pode fechar Feliz
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter ordem de data e nome

Mensagem por Luiz 01.10.17 3:16

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos