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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» hovercard code pedido
Hoje à(s) 05:58 am por alhathiq

» Bug inicial do forum
Hoje à(s) 02:50 am por Harleen

» Mudar cor dos widgets do portal
Hoje à(s) 02:10 am por Harleen

» Barra de anúncio
Hoje à(s) 01:57 am por Harleen

» [Pedido] Banner ®
Ontem à(s) 09:55 pm por -xGabriel..

» Texturas Fórum
Ontem à(s) 09:23 pm por Tiger

» [Pedido] Banner TWD
Ontem à(s) 01:49 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Shek
 
Czins
 
alhathiq
 

Quem está conectado
218 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 216 Visitantes :: 2 Motores de busca

alhathiq, William_iHarDz

[ Ver toda a lista ]


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

Efeito hover perfil

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

Resolvido Efeito hover perfil

Mensagem por Appoloz em 02/02/17, 01:51 am

Detalhes da questão


Endereço do fórum: http://narutottebayoteste.forumeiros.com/t1-seu-primeiro-topico
Versão do fórum: PhpBB3

Descrição


@edit:

quero todos os campos (mensagens, perfil, mp) igual ao campo de data de inscrição, aquela barra fininha, um em cima do outro
No momento, o campo de perfil e mp são icones, gostaria que ficasse somente o nome, para se igualar aos outros campos


Última edição por Appoloz em 04/02/17, 06:03 pm, editado 3 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em 02/02/17, 07:42 pm

Antes de fazer isso, o senhor terá que remover o efeito que já está no seu fórum. As regras CSS possuem mikae no nome.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em 03/02/17, 10:06 am

Editei o pedido

Só pra deixar claro: quero todos os campos (mensagens, perfil, mp) igual ao campo de data de inscrição, aquela barra fininha, um em cima do outro
No momento, o campo de perfil e mp são icones, gostaria que ficasse somente o nome, para se igualar aos outros campos
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em 03/02/17, 04:59 pm

Procure no seu CSS por isso:

Código:
.pr-campo:first-child #pr-dato {
    background: #000;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 24px;
    margin-left: 86px;
    margin-top: -66px;
    padding: 15px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 69px;
}

Código:
#pr-conta {
    display: inline-block;
    height: 66px;
    width: 116px;
}

E os remova.

Após adicione ao CSS:

Código:
#pr-conta {
  text-align: center;
}

#pr-conta a {
  background-color: #000;
}
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em 03/02/17, 06:18 pm

Os ícones continuam
(o ícone de perfil e mp são imagens escrito perfil e mp na verdade kk)
sem falar que o MENSAGENS está bem desalinhado
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em 03/02/17, 11:44 pm

Esse código:

Código:
.pr-campo:first-child #pr-dato {
    background: #000;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 24px;
    margin-left: 86px;
    margin-top: -66px;
    padding: 15px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 69px;
}

Ainda está no seu CSS.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em 04/02/17, 12:57 am

Arrumado.
Agora resta colocar o 8 mensagens certinho (ta com um pulo de linha)
E colocar no lugar da foto, escrito.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em 04/02/17, 09:59 am

Adicione ao CSS:

Código:
.pr-campo:first-child #pr-dato:after {
  display: inline-block;
  margin-left: 5px;
}

Isso corrige o número.

Já as imagens não rolará, pois não tenho acesso a essas variáveis no HTML e, mesmo que seja possível fazer com jQuery, é um peso na página e muitas condicionais para que não hajam erros.

As imagens tem que ser criadas com:

  • Tamanho de fonte de 8px;
  • Espaçamento entre letras de 2px;
  • Fonte Verdana


Para ficar igual ao texto.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em 04/02/17, 10:12 am

O campo de mensagens ainda fica com um espaçamento de linha...
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em 04/02/17, 10:15 am

Eu não encontrei o código passado na folha de CSS do seu fórum. Verifique se o código inserido está lá e que está no fim da folha de CSS.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em 04/02/17, 06:02 pm

Havia colocado no início, valeu xD
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Efeito hover perfil

Mensagem por Luiz em 04/02/17, 06:07 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".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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