Tooltip muito grande

2 participantes

Ir para baixo

Tópico resolvido Tooltip muito grande

Mensagem por SheikZZ 17.04.18 23:59

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 muito grande Toolti10


tooltip que eu queria : Tooltip muito grande Toolti11
SheikZZ
SheikZZ
*

Membro desde : 28/03/2018
Mensagens : 34
Pontos : 50

http://lsr-vnv.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por virus 18.04.18 0:01

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

Até Piscada
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por SheikZZ 18.04.18 0:55

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

Membro desde : 28/03/2018
Mensagens : 34
Pontos : 50

http://lsr-vnv.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por virus 18.04.18 1:13

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é.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por SheikZZ 18.04.18 1:21

Continua grande.
SheikZZ
SheikZZ
*

Membro desde : 28/03/2018
Mensagens : 34
Pontos : 50

http://lsr-vnv.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por virus 18.04.18 1:32

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é.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por SheikZZ 18.04.18 1:50

Assim mesmo, obrigado.
SheikZZ
SheikZZ
*

Membro desde : 28/03/2018
Mensagens : 34
Pontos : 50

http://lsr-vnv.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip muito grande

Mensagem por virus 18.04.18 2:16

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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