Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Caixa de Alertas

3 participantes

LucasJoner LucasJoner  • Sáb 25 Out 2014 - 19:20

Caixa de Alertas Empty Caixa de Alertas Sáb 25 Out 2014 - 19:20

Minha questão:
Alguem poderia me passar as Caixas de Alertas?

Sucesso, Info, Aviso, Alerta...

Eu já vi nois outros tópicos, mais todos n tem o da caixa de resposta.. (bbcode)
ou ta bugado.

Alguem poderia me passar?


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Je4n Je4n  • Sáb 25 Out 2014 - 20:58

Caixa de Alertas Empty Re: Caixa de Alertas Sáb 25 Out 2014 - 20:58

Você quer as opções na caixa de texto ?

Adicione esse Javascript com investimento em todas as páginas:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

LucasJoner LucasJoner  • Dom 26 Out 2014 - 1:21

Caixa de Alertas Empty Re: Caixa de Alertas Dom 26 Out 2014 - 1:21

Quero todos os códigos..

Je4n Je4n  • Dom 26 Out 2014 - 7:30

Caixa de Alertas Empty Re: Caixa de Alertas Dom 26 Out 2014 - 7:30

Adicione em seu CSS:
Código:

/* Box de informações By BestSkins / Edições por Je4n */ 
.sucesso, .infos, .aviso, .alerta {
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
text-shadow: rgba(0,0,0,0.14) 0 -1px 0;
font-size: 13px;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
padding: 13px 15px 0;
position: relative;
width: 90%;
}
.sucesso h5, .infos h5, .aviso h5, .alerta h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: .65em;
}
.sucesso p, .infos p, .aviso p, .alerta p {
margin-bottom: 1.3em;
}
.infos {
background-color: #C6D8F0;
color: #285797;
border: 1px solid #4381CD;
}
.sucesso {
background-color: #EEF4D4;
color: #596C26;
border: 1px solid #8FAD3D;
}
.aviso {
background-color: #FFEA97;
color: #796100;
border: 1px solid #E1B500;
}
.alerta {
background-color: #EFCEC9;
color: #933628;
border: 1px solid #AE3F2F;
}

Adicione o JavaScript a seguir com investimento em  nos tópicos:
Código:
(function(){var f={bbcodes:{},basics:[],attrReg:/.*?=("|'|)(.*?)\1\]/,parseTag:function(a,b,d){return a.replace(d?RegExp("(\\["+b.tag+"[^\\]]*\\])((?:.|\\r?\\n)*?)\\[/"+b.tag+"]","g"+(b.insensitive?"i":"")):RegExp("\\["+b.tag+"[^\\]]*\\]","g"+(b.insensitive?"i":"")),function(a,c,e){d||(c=a);c=f.attrReg.test(c)?c.replace(f.attrReg,"$2"):b.defaultAttr;if(b.validate&&!(d?b.validate(e,c):b.validate(c)))return a;b.replace&&(a=d?b.replace(e,c):b.replace(c),"string"===typeof a?d?e=a:c=a:a&&"object"===typeof a&&(e=a.content||e,c=a.attr||c));return f.swapReplacers(b.replacement,e,c)})},swapReplacers:function(a,b,d){return(a||"").replace(/{CONTENT}/g,b||"").replace(/{ATTR}/g,d||"")},parse:function(a){for(var b=f.bbcodes,d=f.basics,g=0,c;c=d[g++];){var e=c[0];if("string"===typeof e)for(;-1!==a.indexOf(e);)a=a.replace(e,c[1]);else a=a.replace(e,c[1])}for(var h in b)(d=b[h])&&(d.replacement&&d.tag)&&(a=f.parseTag(a,d,d.close));return a},add:function(a,b){if(!/^\w+$/.test(a))throw new Exception("MBB Tag invalida: "+a);b.tag||(b.tag=a);"close"in b||(b.close=!1);f.bbcodes[a]=b},addSwap:function(a,b){f.basics.push([a,b])}};window.MBB=f})();
$(function(){
  var p = $('.post .entry-content , .a3d_1 .a3d_1_content'); //pega as postagens
  for(var i = 0, e; (e = p[ i++ ]); ) {
    var text = e.innerHTML; //pega o texto que queremos analisar. (o innerHTML de mensagens)
    text = MBB.parse(text); //dar a MBB para analisar.
    e.innerHTML = text; //re-inserir o texto analisado
  }
});
MBB.add('offtopic', {
   close: true,
   replacement: '<div style="padding: 3px; float: right; border: 1px solid; font-size: 0.8em">Off Topic: {CONTENT}</div>'
});
MBB.add('sucesso', {
   close : true,
   replacement : '<div class="sucesso"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>'
});
MBB.add('aviso', {
   close : true,
   replacement : '<div class="aviso"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>'
});
MBB.add('infos', {
   close : true,
   replacement : '<div class="infos"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>'
});
MBB.add('alerta', {
   close : true,
   replacement : '<div class="alerta"><h5>{ATTR}</h5><p>{CONTENT}</p><span></span></div>'
});
MBB.add('quadrado', {
   close : true,
   replacement : '<div class="quadrado_box"><strong>{ATTR}</strong><br><img src="http://i50.tinypic.com/2lxicrn.png" title="XXXXXX" /><br>{CONTENT}</div>'
});
MBB.add('guest', {
   close : true,
   replacement : '<span class="guest">{CONTENT}</span>',
   replace : function(content) {
      if(!document.getElementById('logout')) return 'Você vai ser capaz de ver o conteúdo assim que efetuar o seu registro no fórum. ';
      return content;  
}
});

LucasJoner LucasJoner  • Dom 26 Out 2014 - 15:11

Caixa de Alertas Empty Re: Caixa de Alertas Dom 26 Out 2014 - 15:11

Muito Obrigado Je4n.

Pode Fechar!

waghcwb waghcwb  • Qua 29 Out 2014 - 17:17

Caixa de Alertas Empty Re: Caixa de Alertas Qua 29 Out 2014 - 17:17

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Caixa de Alertas Empty Re: Caixa de Alertas

Permissões neste sub-fórum
Não podes responder a tópicos