The Alexandria Makeover is here! See what has changed. 
How helpful was this page?
Related Blog Posts
Blog Posts
-
Share your top titles
created by
Jan 10, 2023
-
Build better bulletins
created by
Sep 27, 2022
-
We're on top of topnav!
created by
Aug 31, 2022
-
Help!—Researcher training for librarians
created by
May 06, 2020
-
New Books Lists and the Bulletin Board
created by
Jan 09, 2017
-
Creating Your Thanksgiving Bulletin Boards
created by
Nov 16, 2015
-
Book Trailers and Bulletin Boards
created by
Oct 26, 2015
-
Share Lesson Plans with Bulletin Boards
created by
Oct 12, 2015
Customize Bulletins with HTML5
Last Updated: $action.dateFormatter.formatDateTime($content.getLastModificationDate())
You can customize or quickly adjust some of the visual aspects of your bulletins using basic HTML5. However, the <font> tag is obsolete in HTML5; therefore, to modify font properties, refer to common cascading style sheets (CSS) classes instead. You can use the <span> tag to group individual inline-elements (described below) within a bulletin. The ability to embed HTML5 within bulletins means you can use <iframe> and embed Adobe Flash (“.swf”) files—although COMPanion doesn't recommend anyone doing so without the proper experience. Below are some examples of custom HTML5 that can be embedded in bulletins.
Please exercise caution. Improper HTML5 formatting has the potential to visually cripple your bulletins.
Description | Type | Results |
|---|---|---|
| Colored text | <p style='color:red'>This text is red!</p> | This text is red |
| Italic text | <p><i>This text is emphasized!</i></p> <p><em>This text is emphasized!</em></p> | This text is emphasized |
| Bold text | <p><b>This text is bold!</b></p> <p><strong>This text is bold!</strong></p> | This text is bold |
| Subscript and Superscript | <p>This is <sub>subscript</sub> and <sup>superscript</sup></p> | This is subscript and superscript |
| Overline | <p style='text-decoration:overline'>Overline</p> | This text is overlined |
| Strikethrough | <p style='text-decoration:line-through'>Strikethrough</p> |
|
| Underline | <p style='text-decoration:underline'>Underline</p> | This text is underlined |
| Right-Align | <p style='float:right'>This text is right-aligned!</p> | This text is right-aligned |
| Highlight Text | <p style='background-color:yellow'>This text is highlighted.</p> | |
| External Link | <a href='This'>http://www.google.com'>This is an external link!</a> | |
| Email To | <a href='mailto:address@Contact'>email.com?subject=Hello%20World'>Contact Us</a> | Contact us |
| External Image | <img src="http://www.website.com/images/example.gif" alt="Example" width="200" height="95"> |
|
