This readme file is intended for webmasters to implement the CCCSMHP web module in your organization. Special attention has been given to customization. The design of the module framework is set up such that only 2 files are required to implement your college's specific content/design requirements. Before you do anything else, you should place the CCCSMHP folder in an appropriate location on your webserver. Next, create a page using your site template and insert these two lines into it: ---------------------------------------------------- ---------------------------------------------------- This will go in the tag of your file. ---------------------------------------------------- ---------------------------------------------------- This will go in the tag of your file inside of a container that you want the module to appear in. An important thing to note is that the module will fit the width of its parent's container so size that container accordingly. The path above assumes that the CCCSMHP folder is in the same directory as this file. If it is different, adjust the path accordingly to get to those two files. If you aren't using php, adjust the code to fit your server implementation. In this folder are two files that can be modified by your webmaster: - config.php contains all the content customization for the module such as local mental health information. - config.css contains all the styling and cosmetic customization such as colors and fonts. ==================================================== | config.php | ==================================================== The included design guide checklist can be used to reference content items by their id number for the config.php file. Here is an example of what one item will look like before your modifications: ---------------------------------------------------- // Item # 11 // All Pages: General Mental Health Resources // - If your college subscribes to Student Health... function studentHealth101() { ?> [#11 - If your college subscribes to Student Health 101 e-magazine, insert the link here] Access our student health 101 article here: http://www.somesite.com/ and the nav p { color: #385E0F; } ---------------------------------------------------- The comment tells us that this is the style for the top navigation text. The color property (which defines text color) is set to #385E0F which is a hex code for a color. You may put in literal color names such as "color: red;" ---------------------------------------------------- /* Top Nav Background Color */ #cccsmhsTopics + section > nav { background-color: #EEE9E9; } ---------------------------------------------------- Very similar to the previous example, this is setting a color for the top navigation. This time, however, we are modifying the background color. The same rules apply with the value you put in.