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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
249 usuários online :: 10 usuários cadastrados, 1 Invisível e 238 Visitantes :: 1 Motor de busca

Ace, EDU2010, fascicularia, Fraise, Heikki, iScroll, joaopaulo98, Roger_Crazzy, Wendel Wythinney Stronda, William_iHarDz

[ Ver toda a lista ]


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

Descrição dos Grupos - Modo Hover

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

Resolvido Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 2:10

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)?


Última edição por Bruno Franks em Seg 2 Fev 2015 - 21:36, editado 1 vez(es)
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Qua 14 Jan 2015 - 10:08

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 13:44

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:
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 15:49

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:
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 16:05

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?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 16:30

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!
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Qua 14 Jan 2015 - 16:36

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qua 14 Jan 2015 - 16:41

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
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Qua 14 Jan 2015 - 17:07

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Qui 15 Jan 2015 - 21:09

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..
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Sab 17 Jan 2015 - 3:21

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sab 17 Jan 2015 - 15:32

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:


avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Sab 17 Jan 2015 - 15:46

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sab 17 Jan 2015 - 16:42

Primeiro... eu não sei onde fica "Cochamba"...  Rindo
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?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Sab 17 Jan 2015 - 16:52

@Bruno Franks escreveu:Primeiro... eu não sei onde fica "Cochamba"...  Rindo
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.
http://ajuda.forumeiros.com/t97347-descricao-dos-grupos-modo-hover#668077

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Sab 17 Jan 2015 - 16:56

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sab 17 Jan 2015 - 17:41

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:

Código:
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.png), 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:26%;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}
  
}

Sennior, aqui está...
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Consolado em Sab 17 Jan 2015 - 18:25

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?
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sab 17 Jan 2015 - 18:43

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...)
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Sab 17 Jan 2015 - 20:29

Coloque este código no inicio d eteu CSS e veja se dá algum resultado:
Código:
a.gensmall {position: relative!important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Dom 18 Jan 2015 - 12:27

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"?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por First em Dom 18 Jan 2015 - 12:44

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. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 13/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Seg 19 Jan 2015 - 1:12

Então podem continuar a me ajudar?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Seg 19 Jan 2015 - 2:01

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Ter 20 Jan 2015 - 17:10

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

Meu CSS:

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:26%;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}
  
}
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sex 23 Jan 2015 - 17:49

UP
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Dom 25 Jan 2015 - 22:56

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Seg 26 Jan 2015 - 13:33

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

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Sab 31 Jan 2015 - 5:37

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Sab 31 Jan 2015 - 12:15

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? Envergonhado

Grato desde já! ^^
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.com/

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Sennior em Sab 31 Jan 2015 - 19:16

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição dos Grupos - Modo Hover

Mensagem por Bruno Franks em Seg 2 Fev 2015 - 15:49

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

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.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