Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Brilho nos anúncios
Hoje à(s) 01:48 pm por Luiz

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 01:34 pm por Luiz

» Quadro de troféus e medalhas
Hoje à(s) 01:31 pm por Kyo Panda

» Citação não aparece nome de usuário
Hoje à(s) 01:26 pm por Kyo Panda

» Slide no index
Hoje à(s) 01:21 pm por Kyo Panda

» Ranks forum
Hoje à(s) 01:14 pm por Tiger

» Criação de avatar para meu fórum
Hoje à(s) 01:10 pm por Tiger

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
245 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 235 Visitantes :: 2 Motores de busca

BichodoMato, Connor R., Ketholy123, Kyo Panda, LeoziN_WallkeR, Luiz, Sleep, Tiger, virus, weverson lopes

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Modificar campo de avatar

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

Resolvido Modificar campo de avatar

Mensagem por BichodoMato em 29/04/17, 04:59 pm

Detalhes da questão


Endereço do fórum: http://naruto-survival.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá, gostaria de modificar o campo de avatar nas postagens para ficar com esta moldura aqui:


A ideia também é que o nome do usuário fique centralizado dentro da caixa verde, desta forma:

Antes


Depois


Seria possível?

avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 336
Pontos Ativos : 559

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Modificar campo de avatar

Mensagem por Luiz em 29/04/17, 05:12 pm

Sim, é possível.
Adicione o código a seguir ao final de sua CSS:
Código:
.user-avatar img:hover {
  transform: initial!important;
}

.lz-aparente {
  position: relative;
  background-image: url(https://i58.servimg.com/u/f58/19/63/06/49/oie_tr11.png);
  background-position: -10px 3px!important;
  background-size: 220px!important;
  background-repeat: no-repeat!important;
  width: 286px!important;
  height: 360px!important;
  margin-top: 25px!important;
}

.lz-postprofile {
  width: 180px!important;
}

.user-avatar img {
  position: absolute!important;
  width: 127px!important;
  height: 254px!important;
  top: 66px!important;
  left: 37px!important;
}

.lz-postprofile {
  width: 235px!important;
}

.lz-postprofile span.btn {
  position: absolute!important;
  top: initial!important;
  bottom: 15px!important;
  padding: 1px 2px!important;
  left: 62px!important;
}

strong.lz-strong1 {
  position: absolute!important;
  top: -25px!important;
  left: 19px!important;
}

Algumas observações:

  • Não foi possível deixar o nome de usuário onde o senhor pediu, pois ficaria diferente para cada usuário, fora que o tamanho do perfil teria que ser enorme.
  • Desculpe o tanto de
    !important
    's na CSS acima. Envergonhado


o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4194
Pontos Ativos : 4831

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Modificar campo de avatar

Mensagem por BichodoMato em 01/05/17, 02:21 pm

Humnn, apesar de aparecer no lugar que eu queria não deu muito certo não.. A imagem está pequena e o avatar sobrepõe ela. Eu mesmo recortei e montei a imagem para que o avatar se encaixasse perfeitamente nela, mas mesmo modificando alguns comandos pelo css não consegui resolver.
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 336
Pontos Ativos : 559

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Modificar campo de avatar

Mensagem por Luiz em 01/05/17, 02:28 pm

Olá, Bixo.
O CSS que te mandei funciona perfeitamente, só não está como o senhor pediu em alguns aspectos, pois se usássemos o tamanho real da imagem, o conteúdo em si da postagem ficaria muito menor, deixando o perfil desproporcional em relação ao resto da postagem, entende?

Veja como ficou o CSS que lhe mandei anteriormente pelo Inspecionar Elemento:
-> http://prntscr.com/f2xvtx

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4194
Pontos Ativos : 4831

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Modificar campo de avatar

Mensagem por BichodoMato em 01/05/17, 02:48 pm

Entendi. Bom, veja como ficou na prática para mim:



EDIT: Nossa, é claro que não deu certo. Conferi meu css e vi que tinha esse código lá:

Código:
.user-avatar img {
  height: 300px!important;
  width: 150px!important;
}

xD Agora foi. Obrigado. Mas e a questão do nome? Não tem como resolver não?
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 336
Pontos Ativos : 559

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Modificar campo de avatar

Mensagem por Luiz em 01/05/17, 02:57 pm

Não, o nome não tem como ficar naquele espaço minúsculo sem aumentar (e muito a imagem).
O único modo de alcançar o resultado seria diminuir muito (mesmo) o tamanho da fonte, o que não é muito bom, ou aumentar o tamanho da imagem de fundo, o que também não é muito bom. Triste

Tópico resolvido? o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4194
Pontos Ativos : 4831

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Modificar campo de avatar

Mensagem por BichodoMato em 01/05/17, 03:00 pm

Entendi :/

Bom, de qualquer forma agradeço sua ajuda denovo Luiz. Vou ver se penso em outra imagem, vendo agora parece que essa imagem não foi uma boa escolha.

Resolvido.
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 336
Pontos Ativos : 559

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Modificar campo de avatar

Mensagem por Luiz em 01/05/17, 03:06 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4194
Pontos Ativos : 4831

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum