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
» Duvidas Referente Sistema Pontos
Hoje à(s) 09:10 pm por mrvisible

» Novas Categorias
Hoje à(s) 08:12 pm por IsmaelS.

» Width nos ranks bugado
Hoje à(s) 07:56 pm por iScroll

» Personalizar Perfil de conquistas
Hoje à(s) 07:54 pm por iScroll

» Mostrar usuário do post
Hoje à(s) 07:49 pm por rlmac

» Fim do rodapé
Hoje à(s) 07:05 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 05:54 pm por William_iHarDz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
313 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 305 Visitantes :: 2 Motores de busca

Baki, IsmaelS., Jéssica Albuquerque, Luiz, mrvisible, rlmac, SkoLL, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 14/01/15, 12:10 am

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 02/02/15, 07:36 pm, 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 14/01/15, 08:08 am

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 14/01/15, 11:44 am

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/

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

Mensagem por EuficoLoko em 14/01/15, 12:24 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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

Mensagem por Bruno Franks em 14/01/15, 01:49 pm

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/

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

Mensagem por EuficoLoko em 14/01/15, 02:01 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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

Mensagem por Bruno Franks em 14/01/15, 02:05 pm

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/

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

Mensagem por EuficoLoko em 14/01/15, 02:14 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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

Mensagem por Bruno Franks em 14/01/15, 02:30 pm

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 14/01/15, 02:36 pm

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 14/01/15, 02:41 pm

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 14/01/15, 03:07 pm

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 15/01/15, 07:09 pm

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 17/01/15, 01:21 am

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 17/01/15, 01:32 pm

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 17/01/15, 01:46 pm

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 17/01/15, 02:42 pm

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 17/01/15, 02:52 pm

@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 17/01/15, 02:56 pm

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 17/01/15, 03:41 pm

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 17/01/15, 04:25 pm

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 17/01/15, 04:43 pm

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 17/01/15, 06:29 pm

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

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 18/01/15, 10:27 am

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 18/01/15, 10:44 am

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 : 12/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 18/01/15, 11:12 pm

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 19/01/15, 12:01 am

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 20/01/15, 03:10 pm

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 23/01/15, 03:49 pm

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 25/01/15, 08:56 pm

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 26/01/15, 11:33 am

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 31/01/15, 03:37 am

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 31/01/15, 10:15 am

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 31/01/15, 05:16 pm

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

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

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

Mensagem por Bruno Franks em 02/02/15, 01:49 pm

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