Inverter ordem de data e nome

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">   <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">   <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}  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {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">  <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>   <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </td> </tr>   </tbody> </table> </div>   </div>  <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>  <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>  </div>

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">   <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">   <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}  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {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">  <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>   <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </td> </tr>   </tbody> </table> </div>   </div>  <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>  <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>  </div>

Até! o/

por iScroll 28.09.17 18:37

Sem resultado.

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/

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.

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'.

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 ?

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.

por iScroll 28.09.17 21:40

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

por Luiz 28.09.17 22:04

Ok, desative o código.

por iScroll 28.09.17 22:14

Feito. No aguardo.

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));

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"?

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/

por iScroll 29.09.17 0:05

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

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

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 ?

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.

por iScroll 29.09.17 1:23

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

por Luiz 29.09.17 17:03

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

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 ..

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.

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.

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:

por iScroll 01.10.17 3:13

Perfeito. Pode fechar Feliz

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.

Hitskin.com

Inverter ordem de data e nome