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
» [Ranks] Ranks para fórum.
Hoje à(s) 3:44 por Heikki

» Problemas ao Usar o ChatBox com Abas na Barra de Ferramentas
Hoje à(s) 3:34 por Br_SP_Rodrigo

» Caixa de Login
Hoje à(s) 1:32 por iScroll

» Userbar / Fanbar
Hoje à(s) 1:31 por Tiger

» Ranks PMS + Banner
Hoje à(s) 0:02 por Tiger

» Meu Fórum Não esta aparecendo nos motores de busca
Ontem à(s) 23:27 por joaopaulo98

» Fundo Preto
Ontem à(s) 23:02 por William_iHarDz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
169 usuários online :: 2 usuários cadastrados, 1 Invisível e 166 Visitantes :: 1 Motor de busca

Hagatsune, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Efeito hover perfil

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

Resolvido Efeito hover perfil

Mensagem por Appoloz em Qui 2 Fev 2017 - 3:51

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 Sab 4 Fev 2017 - 20:03, editado 3 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em Qui 2 Fev 2017 - 21:42

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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3341
Pontos Ativos : 4639

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em Sex 3 Fev 2017 - 12:06

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 : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em Sex 3 Fev 2017 - 18:59

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3341
Pontos Ativos : 4639

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em Sex 3 Fev 2017 - 20:18

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 : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em Sab 4 Fev 2017 - 1:44

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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3341
Pontos Ativos : 4639

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em Sab 4 Fev 2017 - 2:57

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 : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em Sab 4 Fev 2017 - 11:59

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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3341
Pontos Ativos : 4639

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em Sab 4 Fev 2017 - 12:12

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 : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Kyo Panda em Sab 4 Fev 2017 - 12:15

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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3341
Pontos Ativos : 4639

http://ajuda.forumeiros.com

Resolvido Re: Efeito hover perfil

Mensagem por Appoloz em Sab 4 Fev 2017 - 20:02

Havia colocado no início, valeu xD
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 611

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

Resolvido Re: Efeito hover perfil

Mensagem por Luiz~ em Sab 4 Fev 2017 - 20:07

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

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2447
Pontos Ativos : 3288

http://1forum1.forumeiros.com/

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