Mensagem inicial

• Descrição:
  

Queria uma barra de anúncio assim: https://imgur.com/a/glf15 porém com modificações para não ficar igual... e Vermelho.

• Informações:
  

Fórum:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:

PUNBB

Olá,

Poderia nos dizer onde foi visto o efeito?

Até mais.

Vi neste fórum: http://master-publicitario.forumeiros.com/ porém mudaram o tema.

Porém eu não quero copiar, eu quero algo que fique legal no meu fórum, algo que combine com o tema do fórum, (assuntos sobre Gta San Andreas Death Macth).


A cor do fórum é vermelho.

Olá.

Victor, para que possamos modificar algo que lhe agrade, precisamos do código fonte, exatamente o que está nas imagens. Não conhece nenhum Fórum que está com este mesmo efeito?

Até mais.

Não, não encontrei nenhum efeito parecido.

Mais você tem alguma ideia de algo que fique bonito e legal?

Olá,

Sugiro está:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
É bem simples, consegues fazer modificações e deixar da forma que queres.

Até mais.

Conheço um anuncio simples!
Resultado seria
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Local de instalação

A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS pode ser modificado, e está embutido no Javascript. Acesse Painel de Controle ->> Visualização ->> Página Inicial ->> Geral >> Mensagem na página inicial

Código:

<div id="announce_staff">Carregando...</div>
    <script type="text/javascript">
    jQuery(function() {
    jQuery.ajax({
                url: '/u1wall',
                type: 'GET',
                success: function(responseHtml)
                {
                  var matches = responseHtml.match(/- (.*?)<\/title>/);
                  var jUser = matches[1];
                  var jAnnounce = jQuery('.message-header:contains("announce_staff"):first', responseHtml).next().text();
                  var jDaemon = '' + (_userdata.user_level == 1 ? '<span class="edit_msg" onclick="edit_announce()">Editar</span><span style="display: none;" id="adm_user">' + jUser + '</span><span class="announce">' + jAnnounce + '</span>' : '<span class="announce">' + jAnnounce + '</span>') + '';
                  jQuery('#announce_staff').html(jDaemon);
                  if(jQuery('.announce').is(':empty')) {
                      jQuery('.announce').text('Seja bem vindo ao fórum!');
                  }
                },
                error: function(err)
                {
                  alert("AJAX error in request (Global announce)");
                }
    });
    });
    function edit_announce() {
      var jPrompt = prompt('Editar anúncio', jQuery('.announce').text());
      if(jPrompt === '') {
          alert("Vazio");
      } else if(jPrompt === null) {
          return false;
      } else {
          jQuery.post('/privmsg?mode=post_profile', {
                  'message': jPrompt,
                  'post': '1',
                  'subject': 'announce_staff',
                  'folder': 'profile',
                  'username': jQuery('#adm_user').text()
          }).done(function() {
                  jQuery('.announce').text(jPrompt);
          }).fail(function() {
                  alert("Erro ao editar o anúncio. Por favor, tente novamente");
          });
      }
    }
    </script>
    <style type="text/css">
    #announce_staff {
    background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
    border: 1px solid #D3EED5;
    color: #1F691C;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }
    .edit_msg {
    background: #F1F1F1 url(http://i50.tinypic.com/2rcpvd3.png) repeat-x;
    border: 1px solid #C1C1C1;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #424242;
    margin-right: 10px;
    padding: 4px;
    cursor: pointer;
    }
    </style>

Sem resultado, apenas da para editar, porém a aparência continua "feia".

Victor_VerTeXs escreveu:Sem resultado, apenas da para editar, porém a aparência continua "feia".

Então como deseja?
Não podemos fazer um código com simples imagem ^^'

Vlw, já to resolvendo...

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]