Tooltip muito grande

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

Resolvido Tooltip muito grande

Mensagem por SheikZZ em 17/04/18, 07:59 pm

Detalhes da questão


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

Descrição


Detalhes da questão


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

Descrição


Detalhes da questão


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

Descrição


Olá.

Bom, estou querendo deixa meu tooltip pequeno, ''NORMAL'' Porque está muito grande


Meu Tooltip: 


tooltip que eu queria : 
avatar

SheikZZ
Nível 4

Masculino
Inscrito dia : 28/03/2018
Mensagens : 33
Pontos Ativos : 47

Ver perfil do usuário http://lsr-vnv.forumeiros.com/forum

Resolvido Re: Tooltip muito grande

Mensagem por virus em 17/04/18, 08:01 pm

Olá, novamente. Bem poderia informar o código do Tooltip? (Eu sei qual é, mas quero o atualizado).

Até Piscada
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Tooltip muito grande

Mensagem por SheikZZ em 17/04/18, 08:55 pm

Código:
/*Fundador tooltip*/
 span[style="color:#F00000"] strong:hover:before {
    content: 'Fundador do clã';
    color: white;
    background-color: #FF0000;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Sub Dono tooltip*/
 span[style="color:#00FF00"] strong:hover:before {
    content: 'Sub Dono';
    color: green;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Staff tooltip*/
 span[style="color:#000DFF"] strong:hover:before {
    content: 'Staff';
    color: blue;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Tester Tooltip*/
 span[style="color:#FF5CEC"] strong:hover:before {
    content: 'Tester';
    color: pink;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Organizador tooltip*/
 span[style="color:#00E1FF"] strong:hover:before {
    content: 'Tester';
    color: aqua;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Membros AxT tooltip*/
 span[style="color:#0E0F0F"] strong:hover:before {
    content: 'Membros AxT';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Membros AxT tooltip*/
 span[style="color:#6E6F70"] strong:hover:before {
    content: 'Recém inscritos';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
avatar

SheikZZ
Nível 4

Masculino
Inscrito dia : 28/03/2018
Mensagens : 33
Pontos Ativos : 47

Ver perfil do usuário http://lsr-vnv.forumeiros.com/forum

Resolvido Re: Tooltip muito grande

Mensagem por virus em 17/04/18, 09:13 pm

Bem troque por este:
Código:
/*Fundador tooltip*/
 span[style="color:#F00000"] strong:hover:before {
    content: 'Fundador do clã';
    color: white;
    background-color: #FF0000;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Sub Dono tooltip*/
 span[style="color:#00FF00"] strong:hover:before {
    content: 'Sub Dono';
    color: green;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Staff tooltip*/
 span[style="color:#000DFF"] strong:hover:before {
    content: 'Staff';
    color: blue;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Tester Tooltip*/
 span[style="color:#FF5CEC"] strong:hover:before {
    content: 'Tester';
    color: pink;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Organizador tooltip*/
 span[style="color:#00E1FF"] strong:hover:before {
    content: 'Tester';
    color: aqua;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Membros AxT tooltip*/
 span[style="color:#0E0F0F"] strong:hover:before {
    content: 'Membros AxT';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}
/*Membros AxT tooltip*/
 span[style="color:#6E6F70"] strong:hover:before {
    content: 'Recém inscritos';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
    font-size: 10px;
    font-family: Arial, sans-serif;
}

Até.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Tooltip muito grande

Mensagem por SheikZZ em 17/04/18, 09:21 pm

Continua grande.
avatar

SheikZZ
Nível 4

Masculino
Inscrito dia : 28/03/2018
Mensagens : 33
Pontos Ativos : 47

Ver perfil do usuário http://lsr-vnv.forumeiros.com/forum

Resolvido Re: Tooltip muito grande

Mensagem por virus em 17/04/18, 09:32 pm

Troque por este e veja.
Código:
/*Fundador tooltip*/
 span[style="color:#F00000"] strong:hover:before {
    content: 'Fundador do clã';
    color: white;
    background-color: #FF0000;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Sub Dono tooltip*/
 span[style="color:#00FF00"] strong:hover:before {
    content: 'Sub Dono';
    color: green;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Staff tooltip*/
 span[style="color:#000DFF"] strong:hover:before {
    content: 'Staff';
    color: blue;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Tester Tooltip*/
 span[style="color:#FF5CEC"] strong:hover:before {
    content: 'Tester';
    color: pink;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Organizador tooltip*/
 span[style="color:#00E1FF"] strong:hover:before {
    content: 'Tester';
    color: aqua;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Membros AxT tooltip*/
 span[style="color:#0E0F0F"] strong:hover:before {
    content: 'Membros AxT';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}
/*Membros AxT tooltip*/
 span[style="color:#6E6F70"] strong:hover:before {
    content: 'Recém inscritos';
    color: black;
    background-color: #b3b3b3;
    padding: 4px;
    position: absolute;
    left: 0;
    bottom: 1em;
    width: max-content;
}

Até.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Tooltip muito grande

Mensagem por SheikZZ em 17/04/18, 09:50 pm

Assim mesmo, obrigado.
avatar

SheikZZ
Nível 4

Masculino
Inscrito dia : 28/03/2018
Mensagens : 33
Pontos Ativos : 47

Ver perfil do usuário http://lsr-vnv.forumeiros.com/forum

Resolvido Re: Tooltip muito grande

Mensagem por virus em 17/04/18, 10:16 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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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


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