Código de icon online e offline

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

Resolvido Código de icon online e offline

Mensagem por IsmaelS. em 07/12/12, 07:23 pm

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, 01:33 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por Consolado em 07/12/12, 08:54 pm

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("http://i66.servimg.com/u/f66/13/46/75/82/online15.png"); background-position: right 0; background-repeat: no-repeat} .offline{background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png"); background-position: right 0; background-repeat: no-repeat}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 07/12/12, 11:01 pm

Não resultou

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 08/12/12, 11:03 am

UP !

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por BrunoH. em 08/12/12, 11:05 am

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'
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Código de icon online e offline

Mensagem por Consolado em 08/12/12, 11:23 am

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 08/12/12, 11:31 am

Sim eu já segui mas eles não aparecem

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 08/12/12, 11:33 am

Não resultou

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por Luciano98 em 08/12/12, 11:35 am

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 08/12/12, 11:51 am

Não aparece

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Código de icon online e offline

Mensagem por Luciano98 em 08/12/12, 12:11 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de icon online e offline

Mensagem por IsmaelS. em 08/12/12, 01:33 pm

Resolvido

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.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