Descrição dos Grupos - Modo Hover

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://ams-meiosangue-rpg.forumeiros.com/

Descrição do problema

Bom... procurando pelo fórum essa questão já resolvida, achei diversas soluções mas nenhuma que desse certo comigo. Eu queria um efeito hover na descrição dos grupos do meu fórum, assim como é no Fdf (Quando o cursor está sobre o nome do grupo na legenda aparece um balãozinho com a descrição do grupo em questão. O mesmo balãozinho aparece quando o cursor está sobre o Nick de algum usuário que pertence ao grupo). Acontece que encontrei somente um code que deu certo comigo, mas ele só apresente a descrição em hover (o balãozinho) nos nicks dos usuários pertencentes ao grupo, e não sobre o nome (no meu caso Imagem) do grupo. Como pode ser visto na imagem...

O code é esse:

Código:

a[href*="/u"] span[style="color:#F0E078"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#F0E078"] strong:hover:after {
background-color: rgba(240,224,120,2);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Deuses - Equipe administrativa do fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

Será que alguém poderia me ajudar com um código que funcionasse em ambas as partes (sobre o nome do grupo e sobre os Nicks dos usuários que pertencem a esse grupo)?

Olá!

Utilize esse código CSS:

Código:

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:40%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

Esse código vale para o grupo "Deuses", tem que saber posicionar. Quer que eu continue com os outros grupos ou você consegue?

Até mais.

Deu certo! Muito obrigado!
Tudo bem, acho que a partir daqui eu consigo... é só alterar o valor "/g2-" para o respectivo grupo, as cores e o content:, certo?
Só uma questão... ahn... o "balãozinho" ficou mal posicionado em relação a imagem do grupo... então tentei alterar alguns valores, mas não consegui muito bem... Como faria pra que ele ficasse centralizado à imagem e um acima dela?
E o código atinge a todos os usuários, certo? Tanto Administradores, moderadores e usuários comuns verão tal descrição?

Spoiler:

Olá;

Então, nesse código do @Consolado, procure por 'left':

Código:

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:40%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

left:40% basta abaixar / aumentar. No caso nos meus ajustes, para ficar ideal ao grupo 'Deuses' sugiro deixar com o left em 25%.

Então... essa é a questão... Varia de um para outro esse valor... E essa é minha preocupação... Por exemplo... eu acessei meu fórum em outra máquina que eu tenho aqui, a descrição apareceu em outro lugar... diferente dos que já apresentei... e depois nem apareceu... Mudando o valor para 25% como você sugeriu, ficou ainda mal posicionado. O que eu queria era um valor que deixasse o posicionamento do "balãozinho" fixo para qualquer um, para qualquer máquina.

Spoiler:

Olá;

Nossa, e muito diferente daqui essa print. Mais e possível ajeitar, graças ao CSS.
http://prntscr.com/5se5y3

Meu caro, diga-me se na sua resolução consegue ver tudo perfeitamente, se for o caso, posso lhe ajudar a deixar o fórum normal em qualquer pc, porém só em outro tópico. Mesmo que um problema afete o outro, são as regras. Faça assim: Configure exatamente na resolução que mais utiliza e abra o tópico que lhe darei o código.

Ah sim... é que no caso do administrador "eu" há mais botões no menu de navegação... e no caso do meu monitor ser relativamente a isso, pequeno, ele fica assim mesmo... Mas para qualquer outro os botões "cabem" na tela. Nesse caso, faz diferença assim mesmo?

Olá!

Então, não entendi exatamente a sua pergunta, mas vou responder o que pude compreender:
O código que vou lhe fornecer no próximo tópico, vai manter os botões nas mesmas posições para quaisquer computadores, nootbooks e netbooks. Independente da resolução, ela sempre será a mesma. Desculpe-me por não entender totalmente, se não for isso, poderia repetir a pergunta com mais clareza?

Claro ^^ é que assim... Quando criei os botões do menu de navegação, esqueci-me que eles estavam um tanto grandes, mas ficaram ótimos para a temática do fórum, então decidi deixá-los assim. Porém, na tela do meu monitor, o fórum todo ficou desajustado, porque o código das duas colunas que ficam nas laterais faz com que elas fiquem fixas... tanto que se você aumentar ou diminuir o zoom da tela (Crtl +) ou (Crtl -) verá o efeito que estou falando. Pela tela do meu monitor ser "pequena" fica desajustado. Então decidi tirar alguns botões do menu de navegação na visualização para usuários comuns... por exemplo, quando você entra, não há os botões "Membros" nem "Grupos" o que deixa tudo ajustado dentro das colunas laterais. Mas na minha visualização há esses dois botões o que faz a página expandir além das colunas na minha tela e deixa o fórum desajustado. Pensava que não havia problemas... mas parece que agora há... Bom... pra que na minha visualização fique tudo encaixado, retirei os dois botões (Membros e Grupos). Vou criar um tópico novo agora e discorrer mais sobre essa situação. Obrigado!

Bruno, me passe as descrições que quer pra eu colocar e espere o código.

Tudo bem...

Deuses - Equipe administrativa do fórum
Filhos de Zeus - Chalé 1
Filhos de Poseidon - Chalé 3
Filhos de Deméter - Chalé 4
Filhos de Ares - Chalé 5
Filhos de Atena - Chalé 6
Filhos de Apolo - Chalé 7
Caçadoras de Ártemis - Chalé 8
Filhos de Hefesto - Chalé 9
Filhos de Afrodite - Chalé 10
Filhos de Hermes - Chalé 11
Filhos de Dionísio - Chalé 12
Filhos de Hades - Chalé 13
Filhos de Íris - Chalé 14
Filhos de Hipnos - Chalé 15
Filhos de Nêmesis - Chalé 16
Filhos de Nice - Chalé 17
Filhos de Hebe - Chalé 18
Filhos de Tique - Chalé 19
Filhos de Hécate - Chalé 20

Obrigado

Olá!

Substitua o código CSS por esse:

Código:

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:26%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g7-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Zeus - Chalé 1";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:38%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g3-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:48%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g4-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-57%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:61%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g5-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-59%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g6-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-70%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:31%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g8-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g9-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-69%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:54%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g10-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:67%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g11-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-80%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g12-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-79%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g13-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-81%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:55%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g14-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-82%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:69%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g15-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g16-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g17-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:52%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g18-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:63%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g19-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-90%;color:#fff;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g20-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-102%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/g21-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-103%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:41%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

Fui ignorante em não perguntar as cores que queria, mas ainda está em tempo.

Até mais.

Deuses - Equipe administrativa do fórum - 
Filhos de Zeus - Chalé 1 - 187,209,237
Filhos de Poseidon - Chalé 3 - 65,105,224
Filhos de Deméter - Chalé 4 - 0,204,0
Filhos de Ares - Chalé 5 - 237,0,0
Filhos de Atena - Chalé 6 - 168,168,168
Filhos de Apolo - Chalé 7 - 255,217,0
Caçadoras de Ártemis - Chalé 8 - 191,191,191
Filhos de Hefesto - Chalé 9 - 161,35,35
Filhos de Afrodite - Chalé 10 - 255,110,180
Filhos de Hermes - Chalé 11 - 140,90,43
Filhos de Dionísio - Chalé 12 - 117,11,71
Filhos de Hades - Chalé 13 - 0,0,0
Filhos de Íris - Chalé 14 - 97,179,172
Filhos de Hipnos - Chalé 15 - 240,248,255 (e para a cor da letra #4899e0)
Filhos de Nêmesis - Chalé 16 - 95,51,184
Filhos de Nice - Chalé 17 - 255,250,240 (e para a cor da letra #f0aa1d)
Filhos de Hebe - Chalé 18 - 240,255,240 (e para a cor da letra #0acc0a)
Filhos de Tique - Chalé 19 - 237,201,0
Filhos de Hécate - Chalé 20 - 104,33,140

Bom... parece as coordenadas das cores do "balãozinho" são em RGB... então... já as dei aí... no caso das clores muito claras... a cor da fonte da eu coloquei também... (parece que essas são dados pelo valor hexadecimal né..) então... tentei ajudar adiantando o trabalho... se os valores deverem ser haxadecimais... você me fala que eu mando também..

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:26%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g7-"]:hover:after{background-color:rgba(187,209,237);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Zeus - Chalé 1";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:38%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g3-"]:hover:after{background-color:rgba(65,105,224);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:48%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g4-"]:hover:after{background-color:rgba(0,204,0);border-radius:5px;bottom:-57%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:61%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g5-"]:hover:after{background-color:rgba(237,0,0);border-radius:5px;bottom:-59%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g6-"]:hover:after{background-color:rgba(168,168,168);border-radius:5px;bottom:-70%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:31%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g8-"]:hover:after{background-color:rgba(255,217,0);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g9-"]:hover:after{background-color:rgba(191,191,191);border-radius:5px;bottom:-69%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:54%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g10-"]:hover:after{background-color:rgba(161,35,35);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:67%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g11-"]:hover:after{background-color:rgba(255,110,180);border-radius:5px;bottom:-80%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g12-"]:hover:after{background-color:rgba(140,90,43);border-radius:5px;bottom:-79%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g13-"]:hover:after{background-color:rgba(117,11,71);border-radius:5px;bottom:-81%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:55%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g14-"]:hover:after{background-color:rgba(0,0,0);border-radius:5px;bottom:-82%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:69%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g15-"]:hover:after{background-color:rgba(97,179,172);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g16-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g17-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:52%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g18-"]:hover:after{background-color:rgba(255,250,240);border-radius:5px;bottom:-92%;color:#f0aa1d;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:63%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g19-"]:hover:after{background-color:rgba(240,255,240);border-radius:5px;bottom:-90%;color:#0acc0a;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g20-"]:hover:after{background-color:rgba(237,201,0);border-radius:5px;bottom:-102%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g21-"]:hover:after{background-color:rgba(104,33,140);border-radius:5px;bottom:-103%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:41%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Obrigado Sennior... ^^
Mas enfim... eu tenho um problema... será que o posicionamento do "balãozinho" não pode ser dado como um código relativo à resolução do usuário não? Digo... por posicioná-los como "left" e "bottom" , a posição dele vai variar dependendo da resolução do monitor de quem entra no fórum... será que não poderia padronizá-lo para aparecer sempre um pouco acima da imagem independente da resolução? Olha como eu vejo... sei que, por exemplo... para o Consolado... deve estar bem posicionado... mas não daria pra padronizar não?

Spoiler:

Olá!

Não está padronizado aqui nem na China e tampouco em Cochabamba. Você ativou o Chatbox no fórum e a página ficou comprida, por isso os balões subiram.

Substitua o código CSS por esse:

Código:

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-115%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute}a[href*="/g7-"]:hover:after{background-color:rgba(187,209,237);border-radius:5px;bottom:-115%;color:#fff;content:"Filhos de Zeus - Chalé 1";font-size:10px;font-weight:700;left:42%;padding:2px;position:absolute}a[href*="/g3-"]:hover:after{background-color:rgba(65,105,224);border-radius:5px;bottom:-115%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:52%;padding:2px;position:absolute}a[href*="/g4-"]:hover:after{background-color:rgba(0,204,0);border-radius:5px;bottom:-112%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:65%;padding:2px;position:absolute}a[href*="/g5-"]:hover:after{background-color:rgba(237,0,0);border-radius:5px;bottom:-113%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:77%;padding:2px;position:absolute}a[href*="/g6-"]:hover:after{background-color:rgba(168,168,168);border-radius:5px;bottom:-125%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:32%;padding:2px;position:absolute}a[href*="/g8-"]:hover:after{background-color:rgba(255,217,0);border-radius:5px;bottom:-124%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute}a[href*="/g9-"]:hover:after{background-color:rgba(191,191,191);border-radius:5px;bottom:-124%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:54%;padding:2px;position:absolute}a[href*="/g10-"]:hover:after{background-color:rgba(161,35,35);border-radius:5px;bottom:-124%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:68%;padding:2px;position:absolute}a[href*="/g11-"]:hover:after{background-color:rgba(255,110,180);border-radius:5px;bottom:-135%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute}a[href*="/g12-"]:hover:after{background-color:rgba(140,90,43);border-radius:5px;bottom:-134%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute}a[href*="/g13-"]:hover:after{background-color:rgba(117,11,71);border-radius:5px;bottom:-135%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:56%;padding:2px;position:absolute}a[href*="/g14-"]:hover:after{background-color:rgba(0,0,0);border-radius:5px;bottom:-136%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:69%;padding:2px;position:absolute}a[href*="/g15-"]:hover:after{background-color:rgba(97,179,172);border-radius:5px;bottom:-145%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:31%;padding:2px;position:absolute}a[href*="/g16-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-145%;color:#4899e0;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute}a[href*="/g17-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-146%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:53%;padding:2px;position:absolute}a[href*="/g18-"]:hover:after{background-color:rgba(255,250,240);border-radius:5px;bottom:-146%;color:#f0aa1d;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:64%;padding:2px;position:absolute}a[href*="/g19-"]:hover:after{background-color:rgba(240,255,240);border-radius:5px;bottom:-145%;color:#0acc0a;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute}a[href*="/g20-"]:hover:after{background-color:rgba(237,201,0);border-radius:5px;bottom:-156%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute}a[href*="/g21-"]:hover:after{background-color:rgba(104,33,140);border-radius:5px;bottom:-158%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:41%;padding:2px;position:absolute}

Cores dos dos grupos Chalé 15 e Chalé 16 não prestaram, se você me arranjar uma imagem de como são as cores que você passou eu posso consertar.

Até mais.

Primeiro... eu não sei onde fica "Cochamba"...  
Depois... eu sei que não está padronizado... e nem vai ficar... estou acessando por uma outra máquina... acontece que vai mudar a posição dependendo da resolução de cada usuário... por exemplo... acredito que o código que você me passou... deixa os balões...na sua "tela" bem posicionados... bacanas, certo? Na minha tela... não... mesmo antes de colocar o chat e mudar os botões do menu de navegação... por que isso acontece? Tem como arrumar isso?

Bruno Franks escreveu:Primeiro... eu não sei onde fica "Cochamba"...  
Depois... eu sei que não está padronizado... e nem vai ficar... estou acessando por uma outra máquina... acontece que vai mudar a posição dependendo da resolução de cada usuário... por exemplo... acredito que o código que você me passou... deixa os balões...na sua "tela" bem posicionados... bacanas, certo? Na minha tela... não... mesmo antes de colocar o chat e mudar os botões do menu de navegação... por que isso acontece? Tem como arrumar isso?

Fica na Bolívia.

No menu? O melhor a fazer é utilizar a porcentagem como unidade de medida. Direfente dos pixels e outras medidas que se diferenciam dependendo da resolução, a porcentagem é universal em qualquer resolução ou simples: media queries fazem isso.

Quanto a questão, você trocou o código? Eu fiz outras modificações aqui e ali, mas é como você disse, aqui tá nos trinques, aí eu não sei. Tentar não vai tirar pedaço. Não se esqueça de me mandar as cores que não prestaram.
https://ajuda.forumeiros.com/t97347-descricao-dos-grupos-modo-hover#668077

Até mais.

Boas,

O erro todo é porque o efeito hover do nome dos grupos esta desprovido da página autor?
Mande-me o CSS completo de tua página.

Até mais.

Consolado... vou só apresentar a CSS aqui pro Sennior... aí vou regular a posição dos balões de um jeito que fica bom na minha visualização... só que creio que você verá que pra você fica mal posicionado... Queria poder resolver isso...

Spoiler:

Sennior, aqui está...

Mas o código que eu passei não ficou bem posicionado no seu monitor, Bruno? Tem certeza que você usou o código que eu passei?

Eu usei o code que você passou... todos eles... e sim, ficou mal posicionado no meu monitor... esse que estou usando agora é um que o Sennior tinha passado... e também está mal posicionado...
É o que estou dizendo... acho que é porque as resoluções são diferentes... deixa eu só ver o que ele quer dizer/fazer com meu CSS, vou mudar os valores das posições de uma forma que fique bom na minha visualização... aí certamente na sua visualização vai ficar mal posicionado (pela lógica... mas tomara que não...)

Coloque este código no inicio d eteu CSS e veja se dá algum resultado:

Código:

a.gensmall {position: relative!important;}

Até mais.

Qual a função desse código? Houve resultado! Veja como ficou:

Spoiler:

Perceba que ainda ficou um pouco deslocado... será que agora é só mexer no "left" e "bottom"?

Olá,

Senhor, peço que desative os códigos dos nossos amigos por algum instante e me avise para fazer o seu código.


Atenciosamente.

Então podem continuar a me ajudar?

Boas,

Bem, vim tentando modificar, e o único meio seria pelo código utilizado no CSS dos grupos, lembra? Aquele que eu editei as cores?
Poderia mandar teu CSS por completo?

Até mais.

Boa tarde...
Ah sim... claro, aqui está! ^^

Meu CSS:

UP

Saudações,

Eu alterei somente a visualização do grupo amarelo ou seja, o grupo Deuses para que o senhor visualize se esta bom e se posso continuar:

Código:

a.gensmall {position: relative!important;}

body {
background: url(http://i39.servimg.com/u/f39/18/96/29/25/topo_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_15.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/topo_d12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_d14.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_17.png) fixed, url(http://i60.tinypic.com/2myx641.jpg), url(http://i61.tinypic.com/29osh8z.jpg);
background-position: 0 0%, 0 100%, 0 50%, 100% 0%, 100% 100%, 100% 50%, 0 0, 0 548;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat-x, repeat;
 
 
  a. {outline: none;} 

  a.mainmenu[href="/faq"]{display: none !important;}
  a.mainmenu[href="/groups"]{display: none !important;}
  a.mainmenu[href="/memberlist"]{display: none !important;}
 
 
a[href*="/u"] span[style="color:#F0E078"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#F0E078"] strong:hover:after {
background-color: rgba(240,224,120,2);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Deuses - Equipe administrativa do fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-91%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g7-"]:hover:after{background-color:rgba(187,209,237,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Zeus - Chalé 1";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:38%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g3-"]:hover:after{background-color:rgba(65,105,224,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:48%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g4-"]:hover:after{background-color:rgba(0,204,0,2);border-radius:5px;bottom:-57%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:61%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g5-"]:hover:after{background-color:rgba(237,0,0,2);border-radius:5px;bottom:-59%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g6-"]:hover:after{background-color:rgba(168,168,168,2);border-radius:5px;bottom:-70%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:31%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g8-"]:hover:after{background-color:rgba(255,217,0,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g9-"]:hover:after{background-color:rgba(191,191,191,2);border-radius:5px;bottom:-69%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:54%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g10-"]:hover:after{background-color:rgba(161,35,35,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:67%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g11-"]:hover:after{background-color:rgba(255,110,180,2);border-radius:5px;bottom:-80%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g12-"]:hover:after{background-color:rgba(140,90,43,2);border-radius:5px;bottom:-79%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:42%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g13-"]:hover:after{background-color:rgba(117,11,71,2);border-radius:5px;bottom:-81%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:55%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g14-"]:hover:after{background-color:rgba(0,0,0,2);border-radius:5px;bottom:-82%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:69%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g15-"]:hover:after{background-color:rgba(97,179,172,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g16-"]:hover:after{background-color:rgba(240,248,255,2);border-radius:5px;bottom:-91%;color:#4899e0;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:43%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g17-"]:hover:after{background-color:rgba(95,51,184,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:52%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g18-"]:hover:after{background-color:rgba(255,250,240,2);border-radius:5px;bottom:-92%;color:#f0aa1d;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:63%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g19-"]:hover:after{background-color:rgba(240,255,240,2);border-radius:5px;bottom:-90%;color:#0acc0a;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:73%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g20-"]:hover:after{background-color:rgba(237,201,0,2);border-radius:5px;bottom:-102%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:30%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g21-"]:hover:after{background-color:rgba(104,33,140,2);border-radius:5px;bottom:-103%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:41%;padding:2px;position:absolute;white-space:nowrap;z-index:1}
 
}

Até mais.

Ficou ótimo! Bem centralizado! Pode continuar! Obrigado!

Saudações,

Aqui esta amigo, desculpe a demora é que eu tinha me esquecido de teu tópico:

Código:

a.gensmall {position: relative!important;}

body {
background: url(http://i39.servimg.com/u/f39/18/96/29/25/topo_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_15.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/topo_d12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_d14.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_17.png) fixed, url(http://i60.tinypic.com/2myx641.jpg), url(http://i61.tinypic.com/29osh8z.jpg);
background-position: 0 0%, 0 100%, 0 50%, 100% 0%, 100% 100%, 100% 50%, 0 0, 0 548;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat-x, repeat;
 
 
  a. {outline: none;} 

  a.mainmenu[href="/faq"]{display: none !important;}
  a.mainmenu[href="/groups"]{display: none !important;}
  a.mainmenu[href="/memberlist"]{display: none !important;}
 
 
a[href*="/u"] span[style="color:#F0E078"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#F0E078"] strong:hover:after {
background-color: rgba(240,224,120,2);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Deuses - Equipe administrativa do fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-91%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g7-"]:hover:after{background-color:rgba(187,209,237,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Zeus - Chalé 1";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g3-"]:hover:after{background-color:rgba(65,105,224,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g4-"]:hover:after{background-color:rgba(0,204,0,2);border-radius:5px;bottom:-57%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:4%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g5-"]:hover:after{background-color:rgba(237,0,0,2);border-radius:5px;bottom:-59%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-11%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g6-"]:hover:after{background-color:rgba(168,168,168,2);border-radius:5px;bottom:-70%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:11%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g8-"]:hover:after{background-color:rgba(255,217,0,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g9-"]:hover:after{background-color:rgba(191,191,191,2);border-radius:5px;bottom:-2%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:54%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g10-"]:hover:after{background-color:rgba(161,35,35,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g11-"]:hover:after{background-color:rgba(255,110,180,2);border-radius:5px;bottom:-80%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:3%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g12-"]:hover:after{background-color:rgba(140,90,43,2);border-radius:5px;bottom:-79%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g13-"]:hover:after{background-color:rgba(117,11,71,2);border-radius:5px;bottom:-81%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:2%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g14-"]:hover:after{background-color:rgba(0,0,0,2);border-radius:5px;bottom:-82%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-2%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g15-"]:hover:after{background-color:rgba(97,179,172,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g16-"]:hover:after{background-color:rgba(240,248,255,2);border-radius:5px;bottom:-91%;color:#4899e0;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g17-"]:hover:after{background-color:rgba(95,51,184,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-13%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g18-"]:hover:after{background-color:rgba(255,250,240,2);border-radius:5px;bottom:-92%;color:#f0aa1d;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-16%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g19-"]:hover:after{background-color:rgba(240,255,240,2);border-radius:5px;bottom:-90%;color:#0acc0a;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-15%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g20-"]:hover:after{background-color:rgba(237,201,0,2);border-radius:5px;bottom:-102%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g21-"]:hover:after{background-color:rgba(104,33,140,2);border-radius:5px;bottom:-103%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}
 
}

Algo mais?
Até mais.

Ah... rsrs tudo bem... ^^
Ahn... só um detalhezinho... estou com medo de mexer e bagunçar depois... o grupo "Caçadoras de Ártemis" ficou desajustado ainda... poderia ver isso pra mim, por favor?

Grato desde já! ^^

Boas,

Altere amigão:

Código:

a.gensmall {position: relative!important;}

body {
background: url(http://i39.servimg.com/u/f39/18/96/29/25/topo_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_e12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_15.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/topo_d12.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/base_d14.png) fixed, url(http://i39.servimg.com/u/f39/18/96/29/25/corpo_17.png) fixed, url(http://i60.tinypic.com/2myx641.jpg), url(http://i61.tinypic.com/29osh8z.jpg);
background-position: 0 0%, 0 100%, 0 50%, 100% 0%, 100% 100%, 100% 50%, 0 0, 0 548;
background-repeat: no-repeat, no-repeat, repeat-y, no-repeat, no-repeat, repeat-y, repeat-x, repeat;
 
 
  a. {outline: none;} 

  a.mainmenu[href="/faq"]{display: none !important;}
  a.mainmenu[href="/groups"]{display: none !important;}
  a.mainmenu[href="/memberlist"]{display: none !important;}
 
 
a[href*="/u"] span[style="color:#F0E078"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#F0E078"] strong:hover:after {
background-color: rgba(240,224,120,2);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Deuses - Equipe administrativa do fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

a[href*="/g2-"]:hover:after{background-color:rgba(240,224,120,2);border-radius:5px;bottom:-60%;color:#fff;content:"Deuses - Equipe administrativa do fórum";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-91%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g7-"]:hover:after{background-color:rgba(187,209,237,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Zeus - Chalé 1";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g3-"]:hover:after{background-color:rgba(65,105,224,2);border-radius:5px;bottom:-60%;color:#fff;content:"Filhos de Poseidon - Chalé 3";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g4-"]:hover:after{background-color:rgba(0,204,0,2);border-radius:5px;bottom:-57%;color:#fff;content:"Filhos de Deméter - Chalé 4";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:4%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g5-"]:hover:after{background-color:rgba(237,0,0,2);border-radius:5px;bottom:-59%;color:#fff;content:"Filhos de Ares - Chalé 5";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-11%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g6-"]:hover:after{background-color:rgba(168,168,168,2);border-radius:5px;bottom:-70%;color:#fff;content:"Filhos de Atena - Chalé 6";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:11%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g8-"]:hover:after{background-color:rgba(255,217,0,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Apolo - Chalé 7";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g9-"]:hover:after{background-color:rgba(191,191,191,2);border-radius:5px;bottom:-2%;color:#fff;content:"Caçadoras de Ártemis - Chalé 8";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-3%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g10-"]:hover:after{background-color:rgba(161,35,35,2);border-radius:5px;bottom:-69%;color:#fff;content:"Filhos de Hefesto - Chalé 9";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-7%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g11-"]:hover:after{background-color:rgba(255,110,180,2);border-radius:5px;bottom:-80%;color:#fff;content:"Filhos de Afrodite - Chalé 10";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:3%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g12-"]:hover:after{background-color:rgba(140,90,43,2);border-radius:5px;bottom:-79%;color:#fff;content:"Filhos de Hermes - Chalé 11";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g13-"]:hover:after{background-color:rgba(117,11,71,2);border-radius:5px;bottom:-81%;color:#fff;content:"Filhos de Dionísio - Chalé 12";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:2%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g14-"]:hover:after{background-color:rgba(0,0,0,2);border-radius:5px;bottom:-82%;color:#fff;content:"Filhos de Hades - Chalé 13";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-2%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g15-"]:hover:after{background-color:rgba(97,179,172,2);border-radius:5px;bottom:-91%;color:#fff;content:"Filhos de ͍ris - Chalé 14";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g16-"]:hover:after{background-color:rgba(240,248,255,2);border-radius:5px;bottom:-91%;color:#4899e0;content:"Filhos de Hipnos - Chalé 15";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g17-"]:hover:after{background-color:rgba(95,51,184,2);border-radius:5px;bottom:-92%;color:#fff;content:"Filhos de Nêmesis - Chalé 16";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-13%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g18-"]:hover:after{background-color:rgba(255,250,240,2);border-radius:5px;bottom:-92%;color:#f0aa1d;content:"Filhos de Nice - Chalé 17";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-16%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g19-"]:hover:after{background-color:rgba(240,255,240,2);border-radius:5px;bottom:-90%;color:#0acc0a;content:"Filhos de Hebe - Chalé 18";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-15%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g20-"]:hover:after{background-color:rgba(237,201,0,2);border-radius:5px;bottom:-102%;color:#fff;content:"Filhos de Tique - Chalé 19";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-6%;padding:2px;position:absolute;white-space:nowrap;z-index:1}

a[href*="/g21-"]:hover:after{background-color:rgba(104,33,140,2);border-radius:5px;bottom:-103%;color:#fff;content:"Filhos de Hécate - Chalé 20";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:5%;padding:2px;position:absolute;white-space:nowrap;z-index:1}
 
}

Até mais.

Isso!! Muito obrigado! Agora ficou tudo certinho... Obrigado! ^^