locus
Forum Code II
Last updated at 2005/06/25 14:44:45 PDT by kass

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

Copyright © 2004-2008 Lloyd Nebres and Cynthia Nie. All other works belong to their respective creators.
Powered by Io Community Manager