In addition to the tags recognized by IoCM, there are two more which allow for basically unlimited styling options for your pages, assuming you have direct access to your IoCM site's stylesheet. These two tags are [block] and [inline]. You must specify a class name to go with these. For example:
[block=myclass] will become <div class="block-myclass">. So if the class "block-myclass" has been defined in the stylesheet, the block will use those defined styles. This allows you to create your own, reusable classes and styles for yourself and your members.
That said, here's a list of the custom styles developed for ATDP's IoCM installation. The default stylesheet included with ALL IoCM sites created for ATDP will include these tags. iTAs who are comfortable with CSS should feel free to add their own styles to their course site's stylesheet and list them somewhere for use.
[block=left] text goes here [/block] - to align text left.
[block=right] text goes here [/block] - to align text right.
[block=justify] text goes here [/block] - to justify your text.
[block=textwrapleft] - To be used when you have an image and text, where you want the text to wrap around the image nicely. Sample usage:
[block=textwrapleft] [image] text goes here text goes here text goes here [/block]
The image will float to the left side of the text area, while the text wraps around in on the right. Sample can be viewed here, on the home page of Locus. Similarly, one can use textwrapright, to make the image float to the right side.
Finally, there are three basic table types that have been included. They hardly cover all possible situations, but were included anyway for general purposes. Remember that to use these, you still use the regular table code and simply surround the table with the appropriate block tag.
[block=tabletype1]: not special in any way.
|
cell1 |
cell2 |
cell3 |
cell4 |
|
cell5 |
cell6 cell6 cell6 cell6 cell6 cell6 cell6 cell6 |
cell7 |
cell8 |
|
cell9 |
cell10 |
[block=tabletype2]: fixed cell width, no vertical align
|
cell1 |
cell2 |
cell3 |
cell4 |
|
cell5 |
cell6 cell6 cell6 cell6 cell6 cell6 cell6 cell6 |
cell7 |
cell8 |
|
cell9 |
cell10 |
[block=tabletype3]: fixed cell width, vertical align top
|
cell1 |
cell2 |
cell3 |
cell4 |
|
cell5 |
cell6 cell6 cell6 cell6 cell6 cell6 cell6 cell6 |
cell7 |
cell8 |
|
cell9 |
cell10 |