Botão online na versão Invision

Tenho 3 dúvidas aqui no fórum que ainda não foram respondidas, espero que essa seja.

Eu gostaria de saber como eu poderia colocar uma imagem para saber que o usuário está online no perfil, como nós vemos, aqui na forumeiros tem uma imagem que diz que o usuário está online ao lado do avatar.

- Onde está aquele traço vermelho, gostaria que ali fosse vizualizado que o usuário está online.
OBS: Meu fórum é invision



Obrigado.

Boa tarde!

Acho que isso não é possível na versão Invision!

Att, Thiago.

Thiago, creio eu que existe um código css que faz isso, pois já vi alguns invision com isso.

Obrigado.

Olá!
Peço que leia o seguinte tutorial:
[Tutorial] Adicionar ícone Online / Offline

Até mais.

Olá SantolaZ, eu li esse tutorial só que não entendi muito bem como que monta o código.

Olá de novo....

Sendo assim deixo aqui o código para si:

Código:

.online {
background-image: url('Link da Imagem do Icon Online');
}

Não sei se o código em cima funcionará., mas não custa nada tentarmos

Nota: Não era preciso ter clicado no botão de reputação: " - "

Até mais.

Boa noite Santolaz, o código acima por pouco não resultou, o problema foi que ele se multiplicou e ficou ocupando todo o lugar do perfil.

- Imagem

Olá, tente agora:

Código:

.online {
background-image: url('Link da Imagem do Icon Online');
background-repeat: no-repeat;
}


Olá, agora não apareceu mais nenhuma imagem.

Minha ultima idéia!

Código:


.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
background-repeat: no-repeat;
background-position: top left;
}


Não funcionou Talissa, mas muito obrigado pela atenção, boa noite.

Desculpe o transtorno.
Espero que alguem mais possa te ajudar.

Olá!
Confira se não colocou nenhuma imagem no seguinte lucal:
Painel de control Visualização Imagens e cores Gestão das imagens! Depois clique em Modo avançado.
Depois clique na abba Botões.
E procure por: Conectado! (E veija se está lá alguma imagem!)

Até mais

Bom dia,

Tente com este código:

Código:

.online {
background-image: url('Link da Imagem do Icon Online');
background-repeat: no-repeat;
background-positon: 20px right;
}

Até mais.

Boa dia, nenhum código resultou até agora. Obrigado pela atenção de todos.

Olá,
Aqui vai minha tentatvia :

Código:

.online {
background-image: url('LINK DA SUA IMAGEM);
background-repeat: no-repeat;
background-position: bottom left;
background-position: 120px 10px;
z-index: 80;
}

Até mais.

Obrigado Nicker, também não funcionou. O código que chegou mais próximo foi o primeiro do Santolaz.

Olá mais uma vez....
Tente este:

Código:

.online {
background-image: url('Link da Imagem do Icon Online');
background-positon: 20px right;
}

Até já.

Olá Santolaz, aconteceu o mesmo problema que o primeiro código, ele se multiplicou e ficou ocupando todo o campo do perfil.
E quando se usa o código ' background-repeat: no-repeat; ' , ele não aparece nenhuma vez, quando remove ele, a imagem aparece, mas se multiplica.

Olá!

Sendo assim tente este, mas não lhe garanto nada:

Código:

.online {
background-image: url('Link da Imagem do Icon Online');
background: no-repeat
}

Não funcionou Santolaz, então eu acho que não tem jeito mesmo.

Obrigado para todos que tentaram.

SantolaZ escreveu:Olá!
Confira se não colocou nenhuma imagem no seguinte lucal:
Painel de control Visualização Imagens e cores Gestão das imagens! Depois clique em Modo avançado.
Depois clique na abba Botões.
E procure por: Conectado!

Até mais

Já tentou esta forma que está citada em cima?

Sim, já tentei por esse meio. Mas quando eu adiciono a imagem ela fica do lado esquerdo do nome, e eu gostaria que ela ficasse ali no canto superior direito.

Então, lamento mas já lhe disse as tentativas todas que eu sabia.
Me desculpe dizer, mas acho que não áh como!

Até mais.

Obrigado mesmo assim.

Tópico [Resolvido]