Ícone de online

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

Resolvido Ícone de online

Mensagem por Lukas' em 16/04/12, 11:05 pm

Qual é minha questão:
nao ta apareceno o icone de online nos topicos
mesmo quando o usuario sou eu nao aparece

Medidas que eu tomei para corrigir o problema:
--'

Links e imagens do meu problema:
--'

Endereço do meu fórum:
www.maniacoscheats.forumais.com

Versão do meu fórum:
PHPBB3
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: Ícone de online

Mensagem por iPrompt em 17/04/12, 08:13 am

Olá leia o Conteúdo do Spoiler

Spoiler:
Adicionar ícone Online / Offline




- Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar ao fundo das categorias, é necessário adicionar códigos CSS para criarmos o efeito desejado, sendo assim, teremos de aceder a:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)



- Ter uma noção de CSS em relação ás imagens:
Antes de adicionarmos o código, temos de saber o que estamos a personalizar, pois não basta adicionar o link da imagem, melhor dizendo, temos de saber trabalhar a aparência.
O que podemos utilizar para personalizar a nossa caixa de texto:


  • background-image:
    Esta propriedade, é das principais, pois ela permitirá adicionar a imagem pretendida para que se possa ter uma imagem de fundo.
    @EXEMPLO escreveu:background-image: url(http://illiweb.com/bl/logo.png);
  • background-repeat:
    Definirá se haverá repetição da imagem ou não (no-repeat), podendo esta repetição fazer-se somente na horizontal (repeat-x), na vertical (repeat-y) ou também nos dois planos (repeat).
    @EXEMPLO escreveu:background-repeat: no-repeat;
  • background-position:
    Para definir a posição da imagem, se no topo (top), em baixo (bottom), à esquerda (left), à direita (right) ao centro (center), ou então por definição de valores em percentagem (%) ou em píxeis (px).
    @EXEMPLO escreveu:background-position: 100% 0%;
    Atenção pois quando é utilizado palavras deve a primeiras variar entre top/center/bottom e a segunda entre left/center/right.


- Agora deverão copiar o código:
Este código deverá ser adicionado na Folha de estilos CSS, depois que as propriedades que desejar sejam aplicadas e o código esteja pronto para ser utilizado.

Adicionar ícone Online
.online {
propriedades
}
Adicionar ícone Offline
div.post {
propriedades
}


- Resultado final:
TÍTULO
SUBTÍTULO
Perfil do lado direito - Online
(carregue na imagem para aumentar)
Perfil do lado esquerdo - Online
(carregue na imagem para aumentar)
Perfil do lado direito - Offline
(carregue na imagem para aumentar)
Perfil do lado esquerdo - Offline
(carregue na imagem para aumentar)

--> FAQ do Tutorial <--
Adicionar ícone Online / Offline



  • Posso atribuir um ícone de online para as outras versões?
    Sim! para isso aceda à:
    Painel de Controle -> Visualização -> Imagens e cores -> Gestão das imagens -> Modo Avançado / Botões
    Localize a palavra "conectado", a frente terá o campo para definir a imagem que será reproduzida quando o membro estiver online.




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Adicionar ícone Online / Offline
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Ícone de online

Mensagem por Lukas' em 17/04/12, 12:33 pm

agora só aparece o icone de off
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: Ícone de online

Mensagem por iPrompt em 17/04/12, 12:38 pm

Poderia me informar o Código que você Utilizou ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Ícone de online

Mensagem por Lukas' em 17/04/12, 12:41 pm

Código:
.online {
background-image: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);
  background-repeat: no-repeat;
  background-position: 1263px 35px;
}

div.post{
background-image: url(http://illiweb.com/fa/offline.png);
  background-repeat: no-repeat;
  background-position: 1300px 35px;
}
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: Ícone de online

Mensagem por iPrompt em 17/04/12, 12:46 pm

Vá em Painel de Controle Seta Visualização Seta Imagens e Cores Seta Gestão das Imagens Seta Modo Avançado Seta Botões

Procure por "conectado :" , adicione o link da imagem e salve!

Seta Resulta ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Ícone de online

Mensagem por Lukas' em 17/04/12, 12:46 pm

ja tem uma imagem mais mesmo assim nao aparece
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: Ícone de online

Mensagem por iPrompt em 17/04/12, 12:49 pm

Troca o código por este

Código:
div.post div.postbody {
background-image: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}
.online {
background-image: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Ícone de online

Mensagem por Lukas' em 17/04/12, 12:53 pm

com esse codigo ate com quem ta off aparece o icone de on
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: Ícone de online

Mensagem por iPrompt em 17/04/12, 12:59 pm

Olá troque o código por este

Código:
div.post div.postbody {
background-image: url(http://illiweb.com/fa/offline.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}
.online {
background-image: url(http://illiweb.com/fa/prosilver/icon_user_online_en.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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