Código de icon online e offline

4 participantes

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

Tópico resolvido Código de icon online e offline

Mensagem por IsmaelS. 07.12.12 21:23

Qual é minha questão:
Coloquei estes códigos e não resulta:

Código:
.online{z-index: 999 !important;
background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;}

Código:
.post{
background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;}


Endereço do meu fórum:
http://www.master-publicitario.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Master Publicitario em 08.12.12 15:33, editado 1 vez(es)
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por Consolado 07.12.12 22:54

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Nos tópicos (temas)

Codigo JavaScript:
jQuery(document).ready(function () { $('.post').not('.online').addClass('offline'); });
Clique em "Confirmar".

Feito isto,

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.online{background-image: url("https://i.servimg.com/u/f66/13/46/75/82/online15.png"); background-position: right 0; background-repeat: no-repeat} .offline{background-image: url("https://i.servimg.com/u/f66/11/96/49/61/offlin10.png"); background-position: right 0; background-repeat: no-repeat}
Valide.

Melhores cumprimentos,
Today
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 1:01

Não resultou
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 13:03

UP !
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código de icon online e offline

Mensagem por BrunoH. 08.12.12 13:05

Olá!
Veja este tópico:
Flecha ajudeiros [TUTORIAL] Adicionar ícone Online / Offline

Até mais! Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por Consolado 08.12.12 13:23

Olá!

Substitua o JS por esse:
Código:
jQuery(document).ready(function () {
$('.post').not('.online').addClass('offline');
});
E substitua o CSS por esse:
Código:
.online {
background-image: url("URL_IMAGEM_ONLINE");
background-position: right 0;
background-repeat: no-repeat;
}

.offline {
background-image: url("URL_IMAGEM_OFFLINE");
background-position: right 0;
background-repeat: no-repeat;
}
Modifique os valores URL_IMAGEM_ONLINE e URL_IMAGEM_OFFLINE.

Mantenha o investimento Nos tópicos (sobre os temas).

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 13:31

Sim eu já segui mas eles não aparecem
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 13:33

Não resultou
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código de icon online e offline

Mensagem por Luciano98 08.12.12 13:35

Olá!

Utilize esse código CSS:
Código:
.post{background:url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right}.online{background: url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right}

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 13:51

Não aparece
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código de icon online e offline

Mensagem por Luciano98 08.12.12 14:11

Olá!

Utilize esse código CSS:
Código:
.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. 08.12.12 15:33

Resolvido
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

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