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

Início :: Forumeiros :: NostalgiaCaixa de Alertas

avatar IsmaelS.  • Sex 9 Ago 2013 - 1:09

Caixa de Alertas Empty Caixa de Alertas Sex 9 Ago 2013 - 1:09

Qual é minha questão:
Olá,

Gostava de saber se era possível ter estas Caixas de Alertas:

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

Endereço do meu fórum:
fórum de teste

Versão:
PunBB

[Dark]Doki-. [Dark]Doki-.  • Sex 9 Ago 2013 - 7:30

Caixa de Alertas Empty Re: Caixa de Alertas Sex 9 Ago 2013 - 7:30

Reputação da mensagem: 100% (2 votos)
Veja este topico [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Caso não consiga pegar os codigos aqui esta o download deles (nao esqueça de pegar o css do topico acima):
Javascript 1:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Javascript 2:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Última edição por [Dark]Doki-. em Sex 9 Ago 2013 - 7:57, editado 2 vez(es)

avatar IsmaelS.  • Sex 9 Ago 2013 - 7:50

Caixa de Alertas Empty Re: Caixa de Alertas Sex 9 Ago 2013 - 7:50

Reputação da mensagem: 100% (1 votos)
Olá,

Os botões já apareceram e fazem a função, mas não aparece depois a caixa do Sucesso,Aviso ... Eu usei este .CSS:

Código:
/* Action Notice ---------------------------------------- */
.sucesso, .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;
}
.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;
}
.sucesso span, .infos span, .aviso span, .alerta span {
background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.alerta span {
background-position: 100% -400px;
}
.sucesso span {
background-position: 100% 0;
}
.infos span {
background-position: 100% -1200px;
}
.aviso span {
background-position: 100% -800px;
}
.quadrado_box {
        background: #FFF url(http://i50.tinypic.com/2uqsx.png) repeat-x bottom;
        padding: 10px;
        border: 1px solid #c5c5c5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.15);
        font-style: normal;
        font-weight: normal;
        width: 95%;
}
.hideTB {
margin: 5px;
background-color: #f3e3e6;
display: block;
padding: 10px;
border: 1px solid #e599aa;
font-size: 12px;
color: #80001c;
}
.guest {
background-color: #F3E3E6;
border: 1px solid #E599AA;
color: #80001C;
padding: 10px;
display: block;
margin: 15px;
font-size: 11px;
}


.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 }
 

[Dark]Doki-. [Dark]Doki-.  • Sex 9 Ago 2013 - 7:57

Caixa de Alertas Empty Re: Caixa de Alertas Sex 9 Ago 2013 - 7:57

O dropbox bugou os codigos :/ download trocado pelo mediafire.

avatar IsmaelS.  • Sex 9 Ago 2013 - 8:00

Caixa de Alertas Empty Re: Caixa de Alertas Sex 9 Ago 2013 - 8:00

Resolvido.

Daemon Daemon  • Sex 9 Ago 2013 - 13:17

Caixa de Alertas Empty Re: Caixa de Alertas Sex 9 Ago 2013 - 13: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

Início :: Forumeiros :: Nostalgia:: Caixa de Alertas
Permissões neste sub-fórum
Não podes responder a tópicos