Popup no canto

Qual é minha questão:
Gostaria de saber como posso colocar isso no meu forum



Vi isso no forum: http://www.suportedesign.net/forum

Endereço do meu fórum:
http://royal-arts.forumeiros.com

Versão do fórum:
PHPBB3

Olá

Faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS >> Adicione o seguinte código

E adicione este código lá

Código:

  #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}

Até mais

Gmtp olha não sei se esse codigo é o certo, ou é um errado, mais ele não adicionou esse popup "de você não está conectado e tals" no forum, ele mudou a legenda da minha categoria

Olá amigo autor!

Cpainel > Módulos > Portal e WIdgets > Gestão dos widgets do fórum > Criar um widget personalizado e cole esse código:

Código:

<style>#avisover{background:#CF3737;border:1px solid #771B1B;border-radius:3px;bottom:10px;box-shadow:rgba(0,0,0,0.3)</style><div id="avisover"> Você está deslogado do Cataclysm World, logue-se para aproveitar nosso conteúdo, Ao logar-se esse aviso irá sumir, clique <a href="/login">aqui.</a></div>

Até mais!

Olá

Desculpa pensei que era o grupo, pois não vi o quadrado vermelho mais nem prestei atenção, exclua o css que eu dei..

E aceda ao seu:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo código Javascript

Investimento: Em todas as páginas.
Código:

ME desculpa mais o código não está saindo completo, então espero que leia : Colocar anuncio em Pop-up


Feito isto aceda ao seu:

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Cole o código e salve:

Código:

#pop-perso {
position: fixed;
bottom: 5px;
right: 10px;
padding: 10px;
background: #C51313;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 10px #C51313;
moz-box-shadow: 0 0 10px #C51313;
-webkit-box-shadow: 0 0 10px #C51313;
-o-box-shadow: 0 0 10px #C51313;
cursor: pointer;
}

Até mais

Muito obrigado Mikeé e Gmtp

Ajudou bastante.