-------------------------------------------------------------------------------- -------------------------- OOHOO COURSE FORMAT TABTOPICS ----------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- Description -------------------------------------------------------------------------------- This course format displays each sections in a tab. -------------------------------------------------------------------------------- Prerequisites -------------------------------------------------------------------------------- None -------------------------------------------------------------------------------- Installation -------------------------------------------------------------------------------- 1. copy the folder renamed "tabtopics" into the moodle/course/format folder. 2. Login to Moodle with admin rights. 3. In the Site Administration block, click on Notifications a new notification for the installation of Calendar Format will shows 4. Click on Install Your done. Go into a course edit page and select Format => Tabtopics format Note: You can change the tab color by adding this to your theme CSS file ################################################################################ /* The border under tabs */ .yui3-skin-sam .yui3-tabview-list { border-bottom-color: #2647A0 !important; } /*The regular tab style*/ .yui3-skin-sam .yui3-tab-label { background-color: #EFEFEF !important; } /*The regular tab style hover*/ .yui3-skin-sam .yui3-tab-label:focus, .yui3-skin-sam .yui3-tab-label:hover { background-color: #EDF5FF !important; } /*The selected tab border color*/ .yui3-skin-sam .yui3-tab-selected .yui3-tab-label, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover { border-color: #243356 !important; background-color: #2647A0 !important; /* Note: On IE9 you will probably have to put "background: #2647A0 !important;" in order to force the color changes */ } /*The tab content background color*/ .yui3-skin-sam .yui3-tabview-panel { background-color: #EDF5FF !important; } ################################################################################ -------------------------------------------------------------------------------- For more informations, please go to the online documentation => http://oohoo.biz