Hey Vasilis,
I am hoping to get some insight on solpartmenu customizing. I am wanting a tab look for a shopping cart page. I am having some trouble finding out how to wrap my brain around the issue.
I have beening using your DotNetNuke Skin Objects and Container Objects Dynamic Reference and another one called Skinning Toolkit Both of which are wonderful!
Back to the issue. I have placed a background image in in the css like so
.MainMenu_MenuContainer{
height:40px;
cursor:pointer;
}
.MainMenu_MenuItem {
cursor:pointer;
color:black;
font-size:12px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
height: 40px;
background:url(nonActiveTabFirefox.gif) top left no-repeat !important; background:url(nonActiveTab.gif) top left no-repeat;
}
.MainMenu_MenuIcon{
display:none;
}
.MainMenu_SubMenu{
}
.MainMenu_MenuItemSel{
padding-top:4px;
padding-bottom:4px;
height: 40px;
color:#fff;
background:url(nonActiveTabSelected.gif) top left no-repeat;
}
.MainMenu_MenuArrow{
background-color: #e0e0e0;
width: 1px;
}
.MainMenu_RootMenuArrow {
background:url(nonActiveTabRight.gif) right no-repeat;
padding:0px 15px;
height:40px;
}
I just need some help maybe identifing which css classes I need to adjust. Also if it is possible, I want the tabs that are unactive grey and the one that is currently active to be orange. This is a bonus and not a live or die situation.
Here is the page link:
http://gnpimedia.com
THANKS in advance! |