Difference between revisions of "System Settings - Module menu appearance"

From All n One's bxp software Wixi

Jump to: navigation, search
(→‎Accordion)
Line 10: Line 10:
 
* Accordion
 
* Accordion
 
* Menu Buttons
 
* Menu Buttons
 +
 +
 +
The default styling is done in style_master_layout.css but can be overridden in your own custom style sheets.
 +
  
  
Line 83: Line 87:
 
[[File:module menu choices 003.png|800px]]
 
[[File:module menu choices 003.png|800px]]
  
 +
 +
<syntaxhighlight lang="css">
 +
/************************************************
 +
* Menu Button style
 +
************************************************/
 +
.cssMenu_BigButtons_Section_All {
 +
background: url("/images/myhome/test4.png") 50% 50% repeat-x;
 +
 +
}
 +
.cssMenu_BigButtons_Section_DIV{
 +
/* background-color: #00Ff00; */
 +
background: rgba(255, 255, 255, 0.9);
 +
color:#042103;
 +
padding: 5px;
 +
padding-left: 7px;
 +
border-radius: 15px;
 +
-moz-border-radius: 15px;
 +
-webkit-border-radius: 15px;
 +
-khtml-border-radius: 15px;
 +
-o-border-radius: 15px;
 +
overflow: hidden;
 +
-pie-track-active: false;
 +
-pie-track-hover: false;
 +
}
 +
.cssMenu_BigButtons_Section_Items {
 +
/* background-color: #0000ff; */
 +
}
 +
.cssMenu_BigButtons_Section_Table {
 +
/* background-color: #ffff00; */
 +
}
 +
.cssMenu_BigButtons_Section_TR {
 +
/* background-color: #ff00ff; */
 +
}
 +
.cssMenu_BigButtons_Section_TD {
 +
/* background-color: #00ffff; */
 +
cursor: pointer;
 +
cursor: hand;
 +
}
 +
.cssMenu_BigButtons_Section_TD:hover {
 +
font-weight: bold;
 +
}
 +
.cssMenu_BigButtons_Section_TR_Spacer {
 +
/* background-color: #ababab; */
 +
}
 +
.cssMenu_BigButtons_Section_TD_Spacer {
 +
/* background-color: #232323; */
 +
}
 +
</syntaxhighlight>
  
  
 
[[Category:Topic:About bxp]]
 
[[Category:Topic:About bxp]]

Revision as of 18:13, 25 February 2018

1 Overview

With the release of bxp Release 10 SER 2 the menu system for a module is an option which can be chosen.


There are three choices

  • Classic
  • Accordion
  • Menu Buttons


The default styling is done in style_master_layout.css but can be overridden in your own custom style sheets.


2 Classic

module menu choices 001.png


3 Accordion

module menu choices 002.png


The style of the menu can be overwritten with 

/************************************************
************************************************/
.cssMenu_Header {

}
.cssMenu_Header_TD {
    color : #ffffff;
    text-align : left;
	font-size:16px;
}
.cssMenu_Header_TD a{
    color : #ffffff;
    text-decoration : underline;
	font-size:16px;
}
.cssMenu_Header_TD a:hover{
    color : #ff0000;
}
.cssMenu_Header_TD a:visited{
    color : #ffffff;
}
.cssSectionMenu_Text {

}
.cssModule_Menu_Div{
}
.csseCourse_Menu_Title {
    color : #ffffff;
    text-align : left;
	font-size:16px;
}
.cssContentBody{
	width:99%;
    border: 1px solid #042103;
	border-spacing:2px;
	border-color:#042103;
	color:#042103;
	
	background:#ffffff;
	background-color:#ffffff;
	
	padding: 5px;
	padding-left: 7px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
	-o-border-radius: 15px;
	overflow: hidden; 
	-pie-track-active: false;
	-pie-track-hover: false;
}

4 Menu Buttons

module menu choices 003.png 


/************************************************
* Menu Button style
************************************************/
.cssMenu_BigButtons_Section_All { 
	background: url("/images/myhome/test4.png") 50% 50% repeat-x;

}
.cssMenu_BigButtons_Section_DIV{
	/* background-color: #00Ff00; */
	background: rgba(255, 255, 255, 0.9);
	color:#042103;
	padding: 5px;
	padding-left: 7px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px; 
	-o-border-radius: 15px;
	overflow: hidden; 
	-pie-track-active: false;
	-pie-track-hover: false;
}
.cssMenu_BigButtons_Section_Items { 
	/* background-color: #0000ff; */
}
.cssMenu_BigButtons_Section_Table { 
	/* background-color: #ffff00; */
}
.cssMenu_BigButtons_Section_TR { 
	/* background-color: #ff00ff; */
}
.cssMenu_BigButtons_Section_TD { 
	/* background-color: #00ffff; */
	cursor: pointer;
	cursor: hand;
}
.cssMenu_BigButtons_Section_TD:hover { 
	font-weight: bold;
}
.cssMenu_BigButtons_Section_TR_Spacer { 
	/* background-color: #ababab; */
}
.cssMenu_BigButtons_Section_TD_Spacer { 
	/* background-color: #232323; */
}
Retrieved from ‘https://www.bxpsoftware.com/wixi/index.php?title=System_Settings_-_Module_menu_appearance&oldid=8294’