Dear All
I create a new skin for my company website and my company has four sections and I create four skins for each section and in each section I need different menu according to my need. So firstly I create a main.ascx and main.css file for front page and on this page using the horizontal menu bar and then I create others files for skin and using the vertical menu bar.
1- software.ascx and software.css
2-network.ascx and network.css
3-security.ascx and security.css
4-consultancy.ascx and consultancy.css
Already I put this question on forum and where I get the answer this
“You need to add an index.css that associates to that page and is independent to the global skin.css. So you may have page1.html or page1.ascx if you are doing ascx and add page1.css and that css will override the global one”
And I try this means I create the index.css file code is below:
/* ================================
CSS STYLES FOR DotNetNuke
================================
*/
/* PAGE BACKGROUND */
/* background color for the header at the top of the page */
.HeadBg {
}
/* background color for the content part of the pages */
Body
{
}
.ControlPanel {
}
/* background/border colors for the selected tab */
.TabBg {
}
.LeftPane {
}
.ContentPane {
}
.RightPane {
}
/* text style for the selected tab */
.SelectedTab {
}
/* hyperlink style for the selected tab */
A.SelectedTab:link {
}
A.SelectedTab:visited {
}
A.SelectedTab:hover {
}
A.SelectedTab:active {
}
/* text style for the unselected tabs */
.OtherTabs {
}
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}
A.OtherTabs:visited {
}
A.OtherTabs:hover {
}
A.OtherTabs:active {
}
/* GENERAL */
/* style for module titles */
.Head {
}
/* style of item titles on edit and admin pages */
.SubHead {
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}
/* text style used for most text rendered by modules */
.Normal
{
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}
.NormalRed
{
}
.NormalBold
{
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}
A.CommandButton:visited {
}
A.CommandButton:hover {
}
A.CommandButton:active {
}
/* button style for standard HTML buttons */
.StandardButton {
}
/* GENERIC */
H1 {
}
H2 {
}
H3 {
}
H4 {
}
H5, DT {
}
H6 {
}
TFOOT, THEAD {
}
TH {
}
A:link {
}
A:visited {
}
A:hover {
}
A:active {
}
SMALL {
}
BIG {
}
BLOCKQUOTE, PRE {
}
UL LI {
}
UL LI LI {
}
UL LI LI LI {
}
OL LI {
}
OL OL LI {
}
OL OL OL LI {
}
OL UL LI {
}
HR {
}
/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {
}
/* style of item titles by Announcements and events */
.ItemTitle {
}
/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}
.ModuleTitle_MenuBar {
}
.ModuleTitle_MenuItem {
}
.ModuleTitle_MenuIcon {
}
.ModuleTitle_SubMenu {
}
.ModuleTitle_MenuBreak {
}
.ModuleTitle_MenuItemSel {
}
.ModuleTitle_MenuArrow {
}
.ModuleTitle_RootMenuArrow {
}
/* Main Menu */
.MainMenu_MenuContainer {
}
.MainMenu_MenuBar {
}
.MainMenu_MenuItem {
}
.MainMenu_MenuIcon {
}
.MainMenu_SubMenu {
}
.MainMenu_MenuBreak {
}
.MainMenu_MenuItemSel {
}
.MainMenu_MenuArrow {
}
.MainMenu_RootMenuArrow {
}
/* Login Styles */
.LoginPanel{
}
.LoginTabGroup{
}
.LoginTab {
}
.LoginTabSelected{
}
.LoginTabHover{
}
.LoginContainerGroup{
}
.LoginContainer{
}
Keep these all file in one folder and zip it but did not get the helpful solution. Is very possible I was done wrong. Please help me what should I do for this problem
Thanks in advance…
Regards