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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
William_iHarDz
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

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

ruystguerra, tabarra, William_iHarDz

[ Ver toda a lista ]


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

Aplicar efeitos à usuários coloridos

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

Resolvido Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 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 Sab 1 Nov 2014 - 22:06, editado 1 vez(es)

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek Crowley em Sab 1 Nov 2014 - 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 Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 20:02

Propriedades;


Seria o efeito ? Poderia da um exemplo?

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek Crowley em Sab 1 Nov 2014 - 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: http://ajuda.forumeiros.com/t86027-elaborar-um-codigo-css



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 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
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek Crowley em Sab 1 Nov 2014 - 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 Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 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
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek Crowley em Sab 1 Nov 2014 - 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 Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 20:37

Este codigo bugou a estrutura do fórum

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek Crowley em Sab 1 Nov 2014 - 20:44

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



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shaman em Sab 1 Nov 2014 - 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: http://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 Sab 1 Nov 2014 - 21:42, editado 2 vez(es) (Razão : Funciona em PunBB, por isso editei minha pergunta)

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 3572

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Bruno_Michael em Sab 1 Nov 2014 - 22:05

Obrigado   Shek   LucaS Carvalho.

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 05/09/2013
Mensagens : 86
Pontos Ativos : 1416

http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

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