Boas-vindas ao Power Pixel

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

[ pedido ] alertas best skins, mas só para staff

2 participantes

Início :: Forumeiros :: Nostalgia[ pedido ] alertas best skins, mas só para staff

GyGu GyGu  • Ter 7 maio 2013 - 6:48

[ pedido ] alertas best skins, mas só para staff Empty [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 6:48

Qual é minha questão:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Olá eu gostava que os alertas a cima apenas funcionassem para a staff, seria possível isso? Pois eu já tenho isso a funcionar em meu fórum, mas queria mesmo só para a staff.

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

Versão do fórum:
PUNBB

Daemon Daemon  • Ter 7 maio 2013 - 7:13

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 7:13

Troque o código por este:
Código:
$(document).ready(function(){
if(jQuery('.i_icon_ip').length){
$('#text_edit').prepend('<button class="button2" onClick="warnBS();return false">
<img src="http://i.imgur.com/lMsD0nE.png" alt="imagem_warn" title="Alerta" />
</button>');
$('#text_edit').prepend('<button class="button2" onClick="avisoBS();return false">
<img src="http://i.imgur.com/cI8SnOI.png" alt="imagem_aviso" title="Aviso" />
</button>');
$('#text_edit').prepend('<button class="button2" onClick="sucessBS();return false">
<img src="http://i.imgur.com/EISZPwN.png" alt="imagem_sucess" title="Sucesso" />
</button>');
$('#text_edit').prepend('<button class="button2" onClick="infoBS();return false">
<img src="http://i.imgur.com/40zM1qS.png" alt="imagem_info" title="Informação" />
</button>');}

jQuery(document).ready(function() {
jQuery('button.button2[onclick*="return false"]:nth-child(3)').attr('onClick','selectWysiwyg(this, \'info-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="info-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Informação:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=info][tr][td][size=14][b]\'+jQuery(this).closest(\'#info-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#info-bs\').find(\'#content\').val()+\'\\n[table class=i-info][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>');
jQuery('button.button2[onclick*="return false"]:nth-child(5)').attr('onClick','selectWysiwyg(this, \'sucess-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="sucess-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Sucesso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=sucess][tr][td][size=14][b]\'+jQuery(this).closest(\'#sucess-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#sucess-bs\').find(\'#content\').val()+\'\\n[table class=i-sucess][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>');
jQuery('button.button2[onclick*="return false"]:nth-child(7)').attr('onClick','selectWysiwyg(this, \'aviso-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="aviso-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Aviso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=aviso][tr][td][size=14][b]\'+jQuery(this).closest(\'#aviso-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#aviso-bs\').find(\'#content\').val()+\'\\n[table class=i-aviso][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>');
jQuery('button.button2[onclick*="return false"]:nth-child(9)').attr('onClick','selectWysiwyg(this, \'warn-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="warn-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Alerta:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=alerta][tr][td][size=14][b]\'+jQuery(this).closest(\'#warn-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#warn-bs\').find(\'#content\').val()+\'\\n[table class=i-alerta][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>');
});


Última edição por Daemon em Ter 7 maio 2013 - 7:25, editado 1 vez(es)

GyGu GyGu  • Ter 7 maio 2013 - 7:21

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 7:21

Com esse último código o efeito não aparece para ninguem, nem staff nem membros.

GyGu GyGu  • Ter 7 maio 2013 - 7:33

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 7:33

Código:
$(document).ready(function() {
  $('#text_edit').prepend('<button class="button2"onClick="warnBS();return false"><img src="http://i.imgur.com/lMsD0nE.png"alt="imagem_warn"title="Alerta"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="avisoBS();return false"><img src="http://i.imgur.com/cI8SnOI.png"alt="imagem_aviso"title="Aviso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="sucessBS();return false"><img src="http://i.imgur.com/EISZPwN.png"alt="imagem_sucess"title="Sucesso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="infoBS();return false"><img src="http://i.imgur.com/40zM1qS.png"alt="imagem_info"title="Informação"/></button>')}
);
jQuery(document).ready(function() {
  jQuery('button.button2[onclick*="return false"]:nth-child(1)').attr('onClick',
  'selectWysiwyg(this, \'info-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="info-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Informação:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=info][tr][td][size=14][b]\'+jQuery(this).closest(\'#info-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#info-bs\').find(\'#content\').val()+\'\\n[table class=i-info][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(3)').attr('onClick',
  'selectWysiwyg(this, \'sucess-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="sucess-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Sucesso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=sucess][tr][td][size=14][b]\'+jQuery(this).closest(\'#sucess-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#sucess-bs\').find(\'#content\').val()+\'\\n[table class=i-sucess][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(5)').attr('onClick',
  'selectWysiwyg(this, \'aviso-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="aviso-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Aviso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=aviso][tr][td][size=14][b]\'+jQuery(this).closest(\'#aviso-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#aviso-bs\').find(\'#content\').val()+\'\\n[table class=i-aviso][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(7)').attr('onClick',
  'selectWysiwyg(this, \'warn-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="warn-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Alerta:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=alerta][tr][td][size=14][b]\'+jQuery(this).closest(\'#warn-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#warn-bs\').find(\'#content\').val()+\'\\n[table class=i-alerta][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>')}
);

Daemon Daemon  • Ter 7 maio 2013 - 7:39

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 7:39

Troque por:
Código:
$(document).ready(function() {
if(jQuery('.i_icon_ip').length){
  $('#text_edit').prepend('<button class="button2"onClick="warnBS();return false"><img src="http://i.imgur.com/lMsD0nE.png"alt="imagem_warn"title="Alerta"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="avisoBS();return false"><img src="http://i.imgur.com/cI8SnOI.png"alt="imagem_aviso"title="Aviso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="sucessBS();return false"><img src="http://i.imgur.com/EISZPwN.png"alt="imagem_sucess"title="Sucesso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="infoBS();return false"><img src="http://i.imgur.com/40zM1qS.png"alt="imagem_info"title="Informação"/></button>')}}
);
jQuery(document).ready(function() {
  jQuery('button.button2[onclick*="return false"]:nth-child(1)').attr('onClick',
  'selectWysiwyg(this, \'info-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="info-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Informação:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=info][tr][td][size=14][b]\'+jQuery(this).closest(\'#info-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#info-bs\').find(\'#content\').val()+\'\\n[table class=i-info][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(3)').attr('onClick',
  'selectWysiwyg(this, \'sucess-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="sucess-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Sucesso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=sucess][tr][td][size=14][b]\'+jQuery(this).closest(\'#sucess-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#sucess-bs\').find(\'#content\').val()+\'\\n[table class=i-sucess][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(5)').attr('onClick',
  'selectWysiwyg(this, \'aviso-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="aviso-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Aviso:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=aviso][tr][td][size=14][b]\'+jQuery(this).closest(\'#aviso-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#aviso-bs\').find(\'#content\').val()+\'\\n[table class=i-aviso][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(7)').attr('onClick',
  'selectWysiwyg(this, \'warn-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="warn-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Alerta:</span><br><br>Título:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=alerta][tr][td][size=14][b]\'+jQuery(this).closest(\'#warn-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#warn-bs\').find(\'#content\').val()+\'\\n[table class=i-alerta][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>')}
);

GyGu GyGu  • Ter 7 maio 2013 - 7:45

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 7:45

Funcionou perfeitamente, no entanto há algo um pouco bugado, veja na imagem a baixo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Creio ser no CSS

GyGu GyGu  • Ter 7 maio 2013 - 8:10

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 8:10


Daemon penso que já mudei os .info todos que voce mandou, mas os BBCode não aparecem na criação de novos tópicos. Só em respostas rápidas

Código:
Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css
 
 
.main-content.standalone .button {
  background-color: #FAFAFA;
  background-image:url(http: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: .9em;
  margin: 0 .25em;
  overflow: visible;
  padding: 5px;
  vertical-align: middle;
  width: auto!important }
 
.alerta,.aviso,.infos,.sucess {
  -moz-border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  background:url(http: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] repeat-x 0 0;
  border-radius: 6px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  left: 34px;
  margin: 15px 15px 2.5em;
  padding: 13px 15px 0;
  position: relative;
  width: 83% }
 
.infos {
  background-color: #C6D8F0;
  border: 1px solid #4381CD;
  color: #285797 }
 
.sucess {
  background-color: #EEF4D4;
  border: 1px solid #8FAD3D;
  color: #596C26 }
 
.aviso {
  background-color: #FFEA97;
  border: 1px solid #E1B500;
  color: #796100 }
 
.alerta {
  background-color: #EFCEC9;
  border: 1px solid #AE3F2F;
  color: #933628 }
 
.i-alerta,.i-aviso,.i-info,.i-sucess {
  background:url(http: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] no-repeat 100% 0;
  height: 40px;
  left: -34px;
  position: absolute;
  top: 9px;
  width: 33px }
 
.i-alerta { background-position: 100% -400px }
 
.i-sucess { background-position: 100% 0 }
 
.i-info { background-position: 100% -1200px }
 
.i-aviso { background-position: 100% -800px }
 
.quadrado_box {
  -moz-border-radius: 6px;
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
  -webkit-border-radius: 6px;
  background:#fff url(http: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] repeat-x bottom;
  border: 1px solid #c5c5c5;
  font-style: normal;
  font-weight: 400;
  padding: 10px;
  width: 100% }
 
input#option,textarea#content {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #FCFCFC;
  border: 1px solid #AAA;
  border-radius: 2px;
  font-family: "Helveticae Neue", Helvetica, Arial, sans-serif;
  padding: 4px }

Daemon Daemon  • Ter 7 maio 2013 - 8:13

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 8:13

Troque por este:
Código:
Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css
 
 
.main-content.standalone .button {
  background-color: #FAFAFA;
  background-image:url(http: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: .9em;
  margin: 0 .25em;
  overflow: visible;
  padding: 5px;
  vertical-align: middle;
  width: auto!important }
 
/* Action Notice ---------------------------------------- */
.sucess, .infos, .aviso, .alerta {
background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
width: 83%;
font-weight: normal;
font-style: normal;
font-size: 13px;
margin: 15px;
padding: 13px 15px 0;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
position: relative;
left: 34px;
}
.infos {
background-color: #C6D8F0;
color: #285797;
border: 1px solid #4381CD;
}
.sucess {
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;
}
.i-sucess, .i-info, .i-aviso, .i-alerta {
background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.i-alerta {
background-position: 100% -400px;
}
.i-sucess {
background-position: 100% 0;
}
.i-info {
background-position: 100% -1200px;
}
.i-aviso {
background-position: 100% -800px;
}

GyGu GyGu  • Ter 7 maio 2013 - 8:18

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 8:18

Sim esse problema da imagem a cima foi resolvido, no entanto agora os BBCODES continuam a não aparecer na criação de novos tópicos, só nas respostas rápidas será do js. ? mas eu tambem já alterei o .info veja a baixo




Código:
$(document).ready(function() {
if(jQuery('.i_icon_ip').length){
  $('#text_edit').prepend('<button class="button2"onClick="warnBS();return false"><img src="http://i.imgur.com/lMsD0nE.png"alt="imagem_warn"title="Alerta"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="avisoBS();return false"><img src="http://i.imgur.com/cI8SnOI.png"alt="imagem_aviso"title="Aviso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="sucessBS();return false"><img src="http://i.imgur.com/EISZPwN.png"alt="imagem_sucess"title="Sucesso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="infoBS();return false"><img src="http://i.imgur.com/40zM1qS.png"alt="imagem_info"title="Informação"/></button>')}}
);
jQuery(document).ready(function() {
  jQuery('button.button2[onclick*="return false"]:nth-child(1)').attr('onClick',
  'selectWysiwyg(this, \'info-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="info-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Informação:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=infos][tr][td][size=14][b]\'+jQuery(this).closest(\'#info-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#info-bs\').find(\'#content\').val()+\'\\n[table class=i-info][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(3)').attr('onClick',
  'selectWysiwyg(this, \'sucess-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="sucess-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Sucesso:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=sucess][tr][td][size=14][b]\'+jQuery(this).closest(\'#sucess-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#sucess-bs\').find(\'#content\').val()+\'\\n[table class=i-sucess][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(5)').attr('onClick',
  'selectWysiwyg(this, \'aviso-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="aviso-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Aviso:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=aviso][tr][td][size=14][b]\'+jQuery(this).closest(\'#aviso-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#aviso-bs\').find(\'#content\').val()+\'\\n[table class=i-aviso][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(7)').attr('onClick',
  'selectWysiwyg(this, \'warn-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="warn-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Alerta:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=alerta][tr][td][size=14][b]\'+jQuery(this).closest(\'#warn-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#warn-bs\').find(\'#content\').val()+\'\\n[table class=i-alerta][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>')}
);

Daemon Daemon  • Ter 7 maio 2013 - 8:24

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 8:24

Troque o JS por este com investimento em todas as páginas:
Código:
$(document).ready(function() {
if(jQuery('.i_icon_ip').length){
  $('#text_edit').prepend('<button class="button2"onClick="warnBS();return false"><img src="http://i.imgur.com/lMsD0nE.png"alt="imagem_warn"title="Alerta"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="avisoBS();return false"><img src="http://i.imgur.com/cI8SnOI.png"alt="imagem_aviso"title="Aviso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="sucessBS();return false"><img src="http://i.imgur.com/EISZPwN.png"alt="imagem_sucess"title="Sucesso"/></button>');
  $('#text_edit').prepend('<button class="button2"onClick="infoBS();return false"><img src="http://i.imgur.com/40zM1qS.png"alt="imagem_info"title="Informação"/></button>')}}
);
jQuery(document).ready(function() {
  jQuery('button.button2[onclick*="return false"]:nth-child(1)').attr('onClick',
  'selectWysiwyg(this, \'info-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="info-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Informação:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=infos][tr][td][size=14][b]\'+jQuery(this).closest(\'#info-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#info-bs\').find(\'#content\').val()+\'\\n[table class=i-info][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(3)').attr('onClick',
  'selectWysiwyg(this, \'sucess-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="sucess-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Sucesso:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=sucess][tr][td][size=14][b]\'+jQuery(this).closest(\'#sucess-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#sucess-bs\').find(\'#content\').val()+\'\\n[table class=i-sucess][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(5)').attr('onClick',
  'selectWysiwyg(this, \'aviso-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="aviso-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Aviso:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=aviso][tr][td][size=14][b]\'+jQuery(this).closest(\'#aviso-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#aviso-bs\').find(\'#content\').val()+\'\\n[table class=i-aviso][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>'); jQuery('button.button2[onclick*="return false"]:nth-child(7)').attr('onClick',
  'selectWysiwyg(this, \'warn-bs\');return false;').after('<div style="visibility: hidden; position: absolute; left: 400px; width: auto; top: 1656px; height: 31%; padding-right: 31px; padding-top: 22px; padding-left: 41px; font-family: Tahoma;" class="select" id="warn-bs"><span style="float: left;margin-left: -6px;font-size: 14px;">Alerta:</span><br><br>Tí­tulo:<br><input id="option" type="text" style="margin-left: -6px;width: 241px;"><br><br>Conteúdo:<br><textarea id="content"style="margin-left: -6px; rows="5" cols="40"></textarea><br><br><input type="button" value="Adicionar" style="margin-left: 3px;padding: 3px 11px !important;" onclick="jQuery(\'#text_editor_textarea\').val(jQuery(\'#text_editor_textarea\').val()+\'[table class=alerta][tr][td][size=14][b]\'+jQuery(this).closest(\'#warn-bs\').find(\'#option\').val()+\'[/b][/size]\\n\\n\'+jQuery(this).closest(\'#warn-bs\').find(\'#content\').val()+\'\\n[table class=i-alerta][/table]\\n[/td][/tr][/table] \');jQuery(this).closest(\'div\').fadeOut(\'slow\');"></div>')}
);


Última edição por Daemon em Ter 7 maio 2013 - 8:28, editado 1 vez(es)

GyGu GyGu  • Ter 7 maio 2013 - 8:26

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Ter 7 maio 2013 - 8:26

Agora deixou de aparecer tanto nas repostas rápidas como na criação de novos tópicos (não resultou)

Daemon Daemon  • Qua 8 maio 2013 - 7:12

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff Qua 8 maio 2013 - 7:12

[sucesso=Tópico Resolvido & Bloqueado][/sucesso]

Conteúdo patrocinado  • 

[ pedido ] alertas best skins, mas só para staff Empty Re: [ pedido ] alertas best skins, mas só para staff

Início :: Forumeiros :: Nostalgia:: [ pedido ] alertas best skins, mas só para staff
Permissões neste sub-fórum
Não podes responder a tópicos