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

Esqueci minha senha

Últimos assuntos
» Criar código com imagens e links de especies
Hoje à(s) 10:21 am por EDU2010

» Dúvida quanto ao setor de divulgação
Hoje à(s) 10:20 am por Kokoro

» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
231 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 222 Visitantes :: 2 Motores de busca

Carlos Rodrigues, EDU2010, EricEvil, Gmtp, Heikki, Herbert Silva, iScroll, Try, virus

[ Ver toda a lista ]


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

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 01/11/14, 05:32 pm

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, 08:06 pm, editado 1 vez(es)
avatar

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek em 01/11/14, 05:53 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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 01/11/14, 06:02 pm

Propriedades;


Seria o efeito ? Poderia da um exemplo?
avatar

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek em 01/11/14, 06:08 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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 01/11/14, 06:19 pm

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

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek em 01/11/14, 06:22 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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 01/11/14, 06:25 pm

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

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek em 01/11/14, 06:34 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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 01/11/14, 06:37 pm

Este codigo bugou a estrutura do fórum
avatar

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário http://www.brasilplaycity.com.br/ https://www.facebook.com/tiago.cicarelli

Resolvido Re: Aplicar efeitos à usuários coloridos

Mensagem por Shek em 01/11/14, 06:44 pm

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário 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 01/11/14, 07:35 pm

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 01/11/14, 07:42 pm, editado 2 vez(es) (Razão : Funciona em PunBB, por isso editei minha pergunta)
avatar

Shaman
Membro do Fórum

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

Ver perfil do usuário 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 01/11/14, 08:05 pm

Obrigado   Shek   LucaS Carvalho.
avatar

Bruno_Michael
Nível 7

Feminino
Inscrito dia : 04/09/2013
Mensagens : 86
Pontos Ativos : 144

Ver perfil do usuário 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