Notes

media type="custom" key="9161514"

=Credits=

Icon images from [|PixeloPhilia 1] and [|PixeloPhilia 2]. Distributed under a Creative Commons License Attribution License ('Of course, you can use these icons if you give me the credit').

=How to adapt=

To add this widged to a page, add a division code format="html4strict" code and get jquery to transform that content into an interactive. code format="html4strict" jQuery(".wg-note#a-0").wgNote; code The text should be specified as a list of items with options. code format="html4strict" This is an information note This is a notification note This is an orientation note This is a warning note Lorem ipsum dolor ... This is a default note code

Images for icons are provided by default. If you want to specify your own, overwrite the script options. Make sure that any image that you specify exists in your wikispaces file directory. code format="html4strict" styles: { defaultNote: { icon: 'file/view/pen.png', contentBackground: '#FFF4BF', iconBackground: '#FFDD73' }, tip: { icon: 'file/view/lamp.png', contentBackground: '#FFF4BF', iconBackground: '#FFDD73', }, information: { icon: 'file/view/note.png', contentBackground: '#CEF', iconBackground: '#9DF' }, news: { icon: 'file/view/news.png', contentBackground: '#FFF4BF', iconBackground: '#FFDD73' }, orientation: { icon: 'file/view/map.png', contentBackground: '#E6FFB3', iconBackground: '#C4E67F' }, notification: { icon: 'file/view/alarm.png', contentBackground: '#FFDACC', iconBackground: '#FFB499' }, warning: { icon: 'file/view/alert.png', contentBackground: '#FFD9DD', iconBackground: '#FFA6AE' } }

code

=Code= In wikispaces use Edit > Widget > Other Widget and paste the code below. media type="custom" key="9161446"