ShiftActif fórum

[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 1660898911

[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias

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

[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Empty [TUTORIAL] Colorir fundo de tópicos com ícones nas categorias

Mensagem por Shek em Dom 9 Dez - 12:17


[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Catego10

jQuery + Efeitos


Tópicos únicos, globais, importantes são especiais para seus membros, principalmente para você. Neste tutorial vamos destacá-lo através dos ícones do seu fórum, colorindo o fundo como desejado.



--> Tutoriais <--
Colorir fundo de tópicos com ícones nas categorias




- Javascript dos fóruns:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Painel13
[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 110210Arrow Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
No índice : O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum.
[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias 110410Arrow Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Em Investimento, marque a opção "Nos sub-fóruns" e cole o código abaixo:


Código:
// ShiftActif - http://www.shiftactive.blogspot.com/
// Autor: Forumeiros
// Tipo: Free
// NÃO REMOVA OS CRÉDITOS, ELES VÃO SER INVISÍVEIS NO CÓDIGO
jQuery(document).ready(function(){jQuery("dd.dterm[style*='ENDEREÇO_DA_IMAGEM']").closest("dl.icon").addClass("NOVA_CSS")});

No local do ENDEREÇO_DA_IMAGEM, basta modificá-lo colocando o nome final da imagem do ícone.
Por exemplo: https://i.servimg.com/u/f11/11/81/27/88/112310.png Vamos pegar somente o final, ficando assim:
112310.png

Em NOVA_CSS, vamos crir um CSS que vai ficar junto com a imagem de fundo. Então, coloque o que desejar no campo, antecipando um ponto. Exemplo:
.t-unico

Feito isso, confirme.



- Personalizando com CSS:
Agora vamos aplicar o CSS base para personalizar o mesmo. Contudo, você deve entender a diferença entre o exemplo dado acima no código jQuery e o exemplo dado aqui, no CSS. Vamos usar o .t-unico como variável.

Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e cole este exemplo:
..variavel{background-color:#COR}
No trecho em laranja, você vai atribuir a mesma variável CSS que adicionou no código JS. Ou seja, o nosso exemplo que é o .t-unico. Já na cor, será a cor de fundo que deseja quando o tópico for marcado como único.

Após as alterações, salve e veja o resultado nos sub-fóruns com os ícones adicionados ao JS.


  • Resultado esperado:
    [TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Ann10





© ShiftActif


[TUTORIAL] Colorir fundo de tópicos com ícones nas categorias Faq10 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Colorir fundo de tópicos com ícones nas categoria
Shek

Shek
Administrador

Masculino
Idade : 25
PointActif's : 5670
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

http://www.shiftactif.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