Tema: Highlight
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 04/01/2013, 08:51
carlosuc99
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 13 años, 5 meses
Puntos: 5
Exclamación Respuesta: Highlight

Encontré esto:

https://github.com/idlesign/ist-ui-notice.

Pero no lo logro hacer funcionar. De esta manera no funciona:

Código Javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  6.     <script src="./jquery.ui.notice.js"></script>
  7.    
  8. <style>
  9. .ui-notice-inner { padding: 0.7em; }
  10. .ui-notice-icon { float: left; margin-right: 0.3em; }
  11.  
  12. </style>
  13.  
  14. <script>
  15. $('#info_box').notice();
  16. $('#alert_box').notice({type: 'alert'});
  17. </script>
  18.  
  19. </head>
  20. <body>
  21. <div id="info_box">
  22.     Here we are at this beautiful island.
  23. </div>
  24.  
  25. <div id="alert_box">
  26.     Hey! Watch out for snarks!
  27. </div>
  28.  
  29.  
  30. </body>
  31. </html>