Aviso para convidados e membros

2 participantes

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

Tópico resolvido Aviso para convidados e membros

Mensagem por weverson lopes 14.06.20 15:22

Detalhes da questão


Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Oi

eu gostaria de uma tela de mensagem ao convidado só que ela ficasse em dropdown do lado esquerdo, quando mesmo dando rolagem no fórum, na página inicial ele continuasse grudado ali do lado esquerdo, vou tentar especificar, como na imagem abaixo.

em fóruns IPBoard tem e já vi em estilo PunBB por aqui, mas não me recordo aonde.

Aviso para convidados e membros DduH23c
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Aviso para convidados e membros

Mensagem por pedxz 14.06.20 15:42

Olá @weverson lopes,

O senhor pode adicionar o seguinte código em qualquer template (overall_header ou overall_footer_end) ou pela funcionalidade da "Mensagem na Página Inicial", o senhor pode escolher:
Código:
<style>
.fm-alert {
  position: fixed;
  bottom: 16px;
  right: 16px;
  padding: 20px;
  background-color: #f44336;
  color: white;
  z-index: 9999!important;
  line-height: 20px;
  width: 35%!important;
  word-break: break-all;
  box-sizing: border-box;
}
 
.fm-alert > .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
 
.fm-alert > .closebtn:hover {
  color: black;
}
</style>
 
<div class="fm-alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
  <strong>Título da mensagem</strong><br /> Aqui vai ficar o conteúdo incrivelmente grande para ver a largura nistoo ahhahaha aaaagagahahahahajahjajajajahabsbsbbshshshshhshshsjshshshshshhshshshs
</div>


Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Tópico resolvido Re: Aviso para convidados e membros

Mensagem por weverson lopes 14.06.20 17:56

funcionou, mas sera possivel colocar um botão para acessar tais link? não precisa ser enorme

edit: percebi que quando clico no X ele reaparece quando eu reinicio a pagina, será possivel de quando eu clicar no X uma vez, ele desaparecesse e só reaparecesse com os cookies limpados e tals, por que incomoda um pouco ter que clicar no X toda vez hahahaha

Aviso para convidados e membros UqquElj

Spoiler:
kkkkkkkkkkkkkkkk essa frase embaraçou meu cérebro, pensei altas besteiras hahahahaha
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Aviso para convidados e membros

Mensagem por pedxz 14.06.20 18:25

Altere para:
Código:
<style>
  .fm-alert {
  display: none;
  position: fixed;
  bottom: 16px;
  right: 16px;
  padding: 20px;
  background-color: #f44336;
  color: white;
  z-index: 9999!important;
  line-height: 20px;
  width: 35%!important;
  word-break: break-all;
  box-sizing: border-box;
  }
  .fm-alert > .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  }
  .fm-alert > .closebtn:hover {
  color: black;
  }
  .fm-alert p > a {
  background-color: white;
  color: black;
  padding: 5px 7px;
  float: right;
  }
</style>
<div class="fm-alert">
  <span class="closebtn">×</span>
  <strong>Título da mensagem</strong><br /> Aqui vai ficar o conteúdo incrivelmente grande para ver a largura nistoooi ahhahaha aaaagagahahahahajahjajajajahabsbsbbshshshshhshshsjshshshshshhshshshs
  <br />
  <p><a href="#">Link customizado</a></p>
</div>
<script>
  (function ($) {
    'use strict';
   
    $(function () {
 
      var showMsg = localStorage.getItem('showMsg');
 
      if(showMsg !== 'false'){
        $('.fm-alert').show();
      }
 
    $('.closebtn').on('click', function(){
      $('.fm-alert').fadeOut('slow');
      localStorage.setItem('showMsg', 'false');
    });
   
    });
  })(jQuery);
 
</script>


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Tópico resolvido Re: Aviso para convidados e membros

Mensagem por weverson lopes 14.06.20 19:03

Obrigadooo, funcionou perfeitamente, vlw vlw vlw vlw mesmo
weverson lopes

weverson lopes
Membro avançado

Masculino
Membro desde : 01/04/2017
Mensagens : 410
Pontos ativos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Aviso para convidados e membros

Mensagem por pedxz 14.06.20 19:05

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

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


Permissões neste fórum
Você não pode responder aos tópicos