Separe o nick e o avatar para uma caixa separada

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Separe o nick e o avatar para uma caixa separada

Mensagem por LucianoMicle 05.02.22 21:44

Detalhes da questão


Endereço do fórum: https://lucianomicle.foroactivo.com/
Versão do fórum: AwesomeBB

Descrição


Olá a todos!

Quero separar o nome com a caixa principal do perfil.
-Isso quer dizer que quero colocar uma caixa parte do nick, e outra o avatar com o que segue abaixo..
Vou deixar uma imagem de exemplo:

Separe o nick e o avatar para uma caixa separada 3331sa10
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos ativos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Separe o nick e o avatar para uma caixa separada

Mensagem por Musashi 06.02.22 2:13

Olá novamente, @LucianoMicle!

Nesse modelo iria ser o suficiente para o mesmo?

Separe o nick e o avatar para uma caixa separada XlfAQGX
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separe o nick e o avatar para uma caixa separada

Mensagem por LucianoMicle 06.02.22 2:17

Olá! @Wusthy
Sim irmão, esse mesmo modelo eu queria explicar.
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos ativos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Separe o nick e o avatar para uma caixa separada

Mensagem por Musashi 06.02.22 2:45

Ok!

Adicione o seguinte código em sua Folha de estilo (CSS):

Código:
.post-author-name {
    clear: both;
    display: block;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 2%;
}
.avatar-big {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 5%;
}
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separe o nick e o avatar para uma caixa separada

Mensagem por LucianoMicle 06.02.22 18:40

Uau é ótimo! Muito obrigado

Saudações
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos ativos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Separe o nick e o avatar para uma caixa separada

Mensagem por Musashi 06.02.22 18:52

Tópico resolvido


Movido para "Questões resolvidas".
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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