Template:Stickybox

From 68kMLA Wiki
Jump to: navigation, search

Purpose

This template delivers a message without being as obnoxious as the alert dialog.

Parameters

Required

  • body: the text of the sticky.

Optional

  • position: change the on page position – value can be "left", "right", "center", "float-left" or "float-right" – the "float-" values cause the box to float among the text (see the example) – default is center.
  • color: change the colour of the sticky – value can be "yellow", "blue", "green", "pink", "purple", "grey", "bw" – default is yellow.
  • icon: adds a 16px icon to the left of the sticky – value can be Question icon color.png "question", Note icon color.png "note", Caution icon color.png "caution" or Stop icon color.png "stop" – default is no icon.
  • width: change the width of the sticky – value can be given as an absolute value (e.g. "150px", "30em", etc) or as a percentage of the page width (e.g. "50%") – default is 40% of the page width.
  • height: change the height of the sticky – value can be given as an absolute value (e.g. "150px", "30em", etc) or as a percentage of the page height (e.g. "50%") though this isn't recommended – default is automatic depending on the length of the content.

Examples

no parameters

Duis eget metus. Nunc mauris urna, semper in, volutpat sit amet, euismod et, pede. Quisque condimentum cursus libero. Sed tempus commodo nisi. Sed convallis lectus vel purus.

parameters: color=blue

Duis elementum, nisl facilisis vestibulum ultricies, ligula mauris aliquam augue, nec fermentum lectus tortor vitae urna. Nam bibendum facilisis nibh. Pellentesque ullamcorper ligula eu dui. Sed non tortor.

parameters: color=green, position=left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget tellus. Donec laoreet iaculis nulla. Morbi quam metus, dapibus et, porttitor eget, cursus eu, nisl.

Question icon color.pngparameters: color=pink, icon=question, position=center

Proin at mauris ac magna condimentum ultricies. Mauris nec ligula ultrices neque lobortis euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean luctus, leo vitae tempor blandit, purus quam sodales ipsum, eu ultricies pede magna vitae quam. Sed malesuada dictum metus.

Note icon color.pngparameters: color=purple, icon=note, position=right, width=200px

Ut hendrerit mi in mauris. Nunc mattis felis quis diam. Aenean gravida dui in massa. Nullam facilisis imperdiet diam. Aenean ut lacus varius magna viverra aliquam. Integer euismod, orci vel rutrum rhoncus, sem nisl elementum nulla, ac imperdiet orci elit non enim.

Caution icon color.pngparameters: color=grey, icon=caution, position=float-left, width=120px, height=150px

Ut egestas. Donec interdum, libero ac dictum ultrices, mi eros condimentum velit, a egestas tortor diam non sapien. Cras porta. Cras nulla sem, scelerisque ac, semper a, pellentesque vel, tellus. Quisque nec pede eget quam interdum imperdiet. Morbi vehicula adipiscing lorem. Nulla pharetra mi id felis. Sed urna risus, facilisis ac, convallis sed, eleifend id, velit. Ut auctor egestas tellus. Fusce suscipit. In libero ligula, ultricies et, sodales in, viverra nec, lectus. Fusce magna. Nullam molestie. Proin et risus quis magna sagittis ullamcorper. Integer metus tellus, scelerisque non, rhoncus quis, lacinia non, erat.

Stop icon color.pngparameters: color=bw, icon=stop, position=float-right

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ut arcu. Fusce lectus. Phasellus ipsum ante, commodo id, venenatis vel, tincidunt fermentum, nunc. Sed justo. Ut egestas. Nunc consequat, nulla sed ullamcorper convallis, dui nisi rutrum magna, sed vestibulum nisi nisi eget nunc. Morbi eu ligula at purus ullamcorper ornare. Aenean nulla nisi, pharetra quis, adipiscing euismod, euismod vel, nulla. Quisque sed justo. Praesent mauris. Fusce purus enim, accumsan eu, adipiscing ac, sollicitudin ac, velit. Fusce euismod odio sed risus. Cras congue ornare mi. Donec velit. Maecenas imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sapien magna, ullamcorper sed, scelerisque sit amet, laoreet et, leo. In id nisi. Aliquam erat lectus, dictum ac, vestibulum id, dictum sagittis, urna. Curabitur iaculis lobortis felis. Nulla sed metus. Phasellus aliquam mi id dui. Nulla nulla quam, elementum nec, bibendum a, tristique at, orci. Quisque massa. Nunc adipiscing odio at est. Curabitur non mauris. Ut iaculis, mauris in tincidunt ornare, massa nulla tincidunt lectus, eu aliquet lorem pede in urna. Sed lacinia diam eu felis. Aliquam ac lorem id massa vulputate feugiat.