Alterar a posição do rank, avatar e nome de usuário

Detalhes da questão

Endereço do fórum: https://nufutebol.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá amigos, tudo bem? Espero que sim!

Estou aqui para pedir um auxílio para alterar a posição do rank, avatar e nome de usuário.

Na imagem acima vocês podem ver como está atualmente (avatar, nome de usuário e rank).

E do outro lado a forma que eu gostaria que ficasse (rank, avatar e nome de usuário).

Agradeço a gentileza de quem puder ajudar, estou apanhando bastante do CSS, já tentei alguns códigos mas não obtive sucesso.

Fico no aguardo...

Olá @Meu Clube Futebol,

Aceda ao Painel administrativo > Visualização > Templates > Geral encontre o viewtopic_body e substitua

Código:

               <dt>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>

para

Código:

               <dt><dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               

Atenciosamente,
tikky.

Olá, @tikky

Obrigado pela atenção!

Eu fiz a alteração no código que você me enviou e o resultado foi esse:




Eu gostaria desse resultado:



Exatamente com esse espaçamento respeitando a 'borda verde'. Essa borda já está adicionada no meu código CSS.

Fico no aguardo @tikky

Agradeço desde já!!

@Meu Clube Futebol: Altere

Código:

              <dt><dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
              </dt>
             

para

Código:

              <dt><dd>{postrow.displayed.RANK_IMAGE}</dd>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                    <dd>{postrow.displayed.POSTER_RANK_NEW}</dd>
              </dt>
             

tikky escreveu:@Meu Clube Futebol: Altere

Código:

              <dt><dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
              </dt>
             

para

Código:

              <dt><dd>{postrow.displayed.RANK_IMAGE}</dd>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                    <dd>{postrow.displayed.POSTER_RANK_NEW}</dd>
              </dt>
             

Muito obrigado pelo suporte @tikky

Já fiz as alterações necessárias e o resultado ficou perfeito!

Tenho outras dúvidas, porém, vou abrir um novo tópico em breve.

Agradeço a sua atenção! Resolvido!