Datos personales

Mi foto
http://twitter.com/fideliox [twitter]

sábado, 20 de marzo de 2010

Flash personalizados




Archivos modificados.
public/css/style.css
1  
/* Formatea los mensajes Flash::xxx() de KumbiaPHP */
2  .flash {
3       color: #000;
4       font-weight: bold;
5       text-align: left;     
6       border-radius: 8px;
7       border: 2px;
8       background-color: #EEEEEE;     
9       margin: 1px 0;
10       min-height: 32px;
11       padding:3px 10px 3px 50px;
12       background-repeat: no-repeat;
13       background-position: 10px center;
14  }
15  .flash #close {
16      float:right;
17      cursor:pointer;
18      padding-top: 5px;
19      background:url("../img/default/close.png") no-repeat;
20       height:25px;
21       opacity:0.3;
22       width:25px;
23  }
24  .error {
25       background-color: #FFBABA;
26       background-image: url('../img/default/error.png');
27  }
28  
29  .info {
30       background-color: #BDE5F8;
31       background-image: url('../img/default/info.png');
32  }
33  
34  .valid {
35       background-color: #DAF0BE;
36       background-image:url('../img/default/valid.png');
37  }
38  .warning {
39       background-color: #FEEFB3;
40       background-image: url('../img/default/warning.png');
41  }
42  



public/javascript/jquery/jquery.kumbiaphp.js "linea 129 aprox."

1  
// enlaza los que no funcionan con live
2  this.bindNoLive(document);
3  $('.flash').prepend('<div id="close"></div>');
4  $('#close').live('click',function(){
5       $(this).parent().animate({ top:"+=20px",opacity:0 }, "slow");
6  });



revisar las imágenes de la css, 'close.png'

para terminar deben cargar el jquery.

echo Tag::js('jquery/jquery.kumbiaphp');

autor @DeivinsonTejeda

No hay comentarios: