Aplicar efeitos à usuários coloridos

3 participantes

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

Tópico resolvido Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 19:32

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome, Outro
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://forumyoutubers.forumeiros.com/

Descrição do problema

Bom eu tenho um codigo que quando passa o mouse em cima do grupo aparecer uma mensagem com uma cor de fundo eu queria a mesma coisa mas para aparecer quando passa o mouse em cima do usuario que esta naquele grupo

PS nao entendi muito esse fórmulario se estiver errado avise


Última edição por Bruno_Michael em 01.11.14 22:06, editado 1 vez(es)
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek 01.11.14 19:53

Bom dia!

Acesse Visualização > Imagens e Cores > Cores > Folha de estilos CSS > e adicione este código:
a[href*="/u"] span[style="color: #FFFFFF"] strong:after{
Propriedades;
}
No valor #FFFFFF coloque a cor correta do grupo de acordo com o que está no seu Painel de controle no gerenciamento dos grupos.

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 20:02

Propriedades;


Seria o efeito ? Poderia da um exemplo?
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek 01.11.14 20:08

Boa tarde!

Por favor, não use formatações coloridas em suas mensagens, pois, não é permitido por nosso regulamento. Obrigado.

Sobre sua dúvida, sim, a "propriedade" são os efeitos que o código terá. Por exemplo, como é citado neste tópico: https://ajuda.forumeiros.com/t86027-elaborar-um-codigo-css
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 20:19

Não funcionou eu fiz desse jeito vendo o tutorial .

Código:
a[href*="/u1"] span[style="color: #E600E6"] strong:after{
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek 01.11.14 20:22

Mas, é um usuário específico ou para todos os usuários do grupo? Eu entendi dizer na sua primeira mensagem que seria quando passa o mouse por cima do nome do usuário que está no grupo, tal informação aparecer. Se não for, então, você deve usar este código:
Código:
a[href*="/u1"] {
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 20:25

Esta observando o meu css e vir que tinha a opção de colocar no grupo e nos usuarios dos grupos , mas ele não funciona nos usuários so no grupos
Código:
#main-content > p > em > b > a[class="gensmall"][href^="/g7"],
a[href^="/u"] span[style^="#FF00C4"] strong {
  position: relative
}
#main-content > p > em > b > a[class="gensmall"][href^="/g7-"]:hover:after,
a[href^="/u"] span[style*="#FF00C4"] strong:hover:after {
    background-color: #FF00C4;
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
#main-content > p > em > b > a[class="gensmall"][href^="/g7-"]:hover:after,
a[href^="/u"] span[style*="#FF00C4"] strong:hover:after {
    background-color: #FF00C4;
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek 01.11.14 20:34

Troque o código que lhe passei anteriormente por:
Código:
a[href="/u1"] {
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 20:37

Este codigo bugou a estrutura do fórum
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek 01.11.14 20:44

Por favor, me mostre uma printscreen do problema que ocorreu, pois, o código só se aplica ao usuário 1.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shaman 01.11.14 21:35

Olá, pesquisando achei este tópico e vi que o membro ficou satisfeito com a resposta do Sennior, tente e ve se o ajuda: https://ajuda.forumeiros.com/t95720-efeito-hover-em-nome-de-usuarios-pertencentes-a-um-grupo


Código:
a[href*="/u"] span[style="color:#FF0000"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
background-color: rgba(130,93,0,0.5);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Suporte no atendimento aos usuários";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}


Onde esta a cor "#FF0000" deverá alterar pela cor relacionada ao grupo.
Exemplo para o grupo de Colaboradores do teu fórum, basta pegar a cor do grupo e alterar:


LucaS [],


Última edição por LucaS Carvalho em 01.11.14 21:42, editado 2 vez(es) (Motivo da edição : Funciona em PunBB, por isso editei minha pergunta)
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael 01.11.14 22:05

Obrigado   Shek   LucaS Carvalho.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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