Css brilho no nome do grupo

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

Resolvido Css brilho no nome do grupo

Mensagem por SplaSh em 10/06/12, 01:10 pm

Qual é minha questão:
Eu queria um código Css para coloca brilho no nome dos Grupos do meu forum! Igual a este >>> http://lvdesign.forumeiros.com/ alguem poderia me ajudar??

Links e imagens do meu problema:
Ajuda?

Endereço do meu fórum:
http://brasilparkgames.forumeiros.com/forum

Versão do meu fórum:
PHPBB3
avatar

SplaSh
Usuário avançado

Masculino
Inscrito dia : 07/05/2012
Mensagens : 315
Pontos Ativos : 568

Ver perfil do usuário http://www.brasilrevolutionadventure.com.br/

Resolvido Re: Css brilho no nome do grupo

Mensagem por Sennior em 10/06/12, 01:19 pm

Olá Paulo!
Leia este topico


Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Css brilho no nome do grupo

Mensagem por Josh em 11/06/12, 02:23 pm

Boa tarde!

Apenas como caráter de informação e para alimentar o tópico, venho lhe mostrar um tutorial para efetuar o efeito:
Ler:
Inserir imagem no nick do usuário

Este tutorial ensinará a fazer uma das coisas que até agora era impossível de se fazer individualmente. Ele ensinará como colocar imagens nos nicks, grupos e ranks dos usuários por códigos CSS e páginas JS.

--> Tutoriais, dicas e astúcias <--
Inserir imagem no nick do usuário




- Conhecendo o código que será utilizado:
Vamos explorar o código que irá tornar uma imagem .GIF - Atrás do nickname e no rank do membro.
jQuery(document).ready(function(){jQuery('a[href="/uID"]:contains("Nickname"),span.name strong span strong:contains("Nickname")').html('<span style="background: transparent url(LINK_DA_IMG)"><font color="Cor que deseja"> Nick que deseja</font>
</a>')});
O valor "/uID", será selecionado como o ID do membro que tratará de aplicar o efeito, já os valores selecionados como "Nickname", substitua pelo nickname atual do membro que irá aplicar o efeito.

Feito isto, modifique o valor "Link da imagem" pelo endereço eletrônico da imagem que irá selecionar para ficar atrás do nickname e do rank do usuário.

E também, o valor "Cor desejada" será a cor pretendida para seu nickname e para o rank, e o valor "Nick que deseja" deverá ser alterado pelo nickname que deseja, é opcional, poderá deixar o utilizado atualmente, não afetará em nada.

- Adicionar o código à página JavaScript:
Para que o código surja frutos em seu fórum, será necessário aplicá-lo em uma página .JS:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Clique no botão "Criar nova página .JS"


Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização - No investimento, selecione "Em todas as páginas".
Seta Código JavaScript - Insira o código que trabalhamos no item anterior.

Aplicando efeito nos grupos
Será utilizado um código CSS para que surja efeito, vamos aos procedimentos:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores / Folha de estilos CSS


No conteúdo CSS, insira este código ao final de todos:
/*Efeito nos Grupos Modificado by Coca Cola .*/
a[href="/gID-"] {background: transparent url(Link da imagem)
}
Altere o valor em "/gID-" pelo ID do grupo que pretende que apareça a imagem por trás, no valor "Link da imagem", insira o endereço eletrônico da mesma, para que fique selecionada e seja possível visualizá-la atrás do título de grupo.

E clique em "Validar" para salvar as alterações.

Para adicionar uma imagem atrás do título de grupo para mais de um, repita sempre estes procedimentos, ou seja, este código na folha de estilos CSS:
Código:
a[href="/gID-"] {background: transparent url(Link da imagem)
}

--> FAQ do Tutorial <--
Inserir imagem no nick do usuário


Abraços,
Josh
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

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