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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Efeito na imagem categoria
Hoje à(s) 9:25 por sandra51

» Botão neon resposta rapida
Hoje à(s) 4:44 por Daemon

» Mudar cor Da Barrinha e mudar cor do menu
Hoje à(s) 4:35 por Mr.Probz

» [Ranks] Laranja - Médio - Texto branco
Hoje à(s) 3:47 por Harold C+

» Imagem de fundo no fórum
Hoje à(s) 3:29 por Cream

» Membro do mês
Hoje à(s) 2:42 por while

» Personalizar o menu
Hoje à(s) 2:09 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Mr.Probz
 
Cream
 
while
 
idarkdg
 
Nean
 
Apollo
 
Harleen
 
sandra51
 
lavinnia
 
Sennior
 

Quem está conectado
60 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 58 Visitantes :: 2 Motores de busca

sandra51, staay03

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

Bruno Franks
Nível 8

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

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.

Consolado
Super usuário

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

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:

Bruno Franks
Nível 8

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

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:

Bruno Franks
Nível 8

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

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?

Bruno Franks
Nível 8

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

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!

Bruno Franks
Nível 8

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

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.

Consolado
Super usuário

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

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

Bruno Franks
Nível 8

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

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.

Consolado
Super usuário

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

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

Bruno Franks
Nível 8

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

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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:



Bruno Franks
Nível 8

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

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.

Consolado
Super usuário

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

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?

Bruno Franks
Nível 8

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

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.

Consolado
Super usuário

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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

Bruno Franks
Nível 8

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

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?

Consolado
Super usuário

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

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

Bruno Franks
Nível 8

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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

Bruno Franks
Nível 8

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

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

First
Membro do Fórum

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

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?

Bruno Franks
Nível 8

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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}
  
}

Bruno Franks
Nível 8

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

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

Bruno Franks
Nível 8

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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!

Bruno Franks
Nível 8

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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á! ^^

Bruno Franks
Nível 8

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

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15959
Pontos Ativos : 22302

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

Bruno Franks
Nível 8

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5