--------------------------------------------------------------------------------
-------------------------- 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