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

+2
Stark'
Štronda
6 participantes

Início :: Forumeiros :: Nostalgia[ pedido ] alertas best skins

Štronda Štronda  • Sáb 4 maio 2013 - 12:52

[ pedido ] alertas best skins Empty [ pedido ] alertas best skins Sáb 4 maio 2013 - 12:52

Qual é minha questão:
Olá, Convidado
Gostaria de colocar os alertas igual o novo da best skins

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

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

Stark' Stark'  • Sáb 4 maio 2013 - 13:23

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 13:23

tbm quero, mais o daemon disse que irá fazer um tutorial como ele disse

.:Anonymous:. .:Anonymous:.  • Sáb 4 maio 2013 - 13:46

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 13:46

Eu só tenho o CSS e os BBCODEs pode ser

Pedro95123 Pedro95123  • Sáb 4 maio 2013 - 21:04

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 21:04

Bom como ja tinham pedido antes e eu tbm queria vo querer ne .-.

B-bytes B-bytes  • Sáb 4 maio 2013 - 21:46

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 21:46

Reputação da mensagem: 100% (3 votos)
Bom, ja que não disseram nada de VIP e etc, tentem este CSS:
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,.info,.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% }
 
.info {
   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 }
 
 

E Este JS:
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>')}
);

Štronda Štronda  • Sáb 4 maio 2013 - 23:30

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 23:30

Vlw neko funcionou Razz
#Rep.

Daemon Daemon  • Sáb 4 maio 2013 - 23:47

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins Sáb 4 maio 2013 - 23:47

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

Conteúdo patrocinado  • 

[ pedido ] alertas best skins Empty Re: [ pedido ] alertas best skins

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