Hello DNN community,

I am an amateur at dotnetnuke and I have a problem with dotnetnuke 4.5.5 install version not able to find my Skin.css

Here is the issue in detail:

There are a couple of ASP.NET user controls that I have written for a skin and also I have a Skin.css and some graphics images and part of it. The skin uploads fine but I do not see the custom styles that I have written in the rendered DNN webpage. All I am trying to do in the Skin.css webpage is override a couple of main menu styles in default.css and also I made sure I used the same class names as the ones present in default.css. I have done a view source on the dnn webpage rendered and I have it showing me the default.css, portal.css but the Skin.css (link tag) does not appear on it. Could someone let me know if there is a small thing that I am missing  in terms of installing the skin or something I should remember to do for the css files?

Another thing is that I have zipped all the files into a folder [skinname].zip and also tried zipping things as Skin.zip and then zipping as [skinname].zip

Any help on this would be great. Thanks in advance!

Harsha

heres the code in my Skin.css file.. most of the settings are present in the default.css file .. I just changed a couple of them to suit my needs(.MainMenu_MenuBar :height and .MainMenu_MenuItem :color)...

(another question: does every css file need a body style? )

.MainMenu_MenuContainer {
 background-color: Transparent;
}
.MainMenu_MenuBar {
 cursor: pointer;
 cursor: hand;
 height: 35;
 background-color: Transparent;
}
.MainMenu_MenuItem {
 cursor: pointer;
 cursor: hand;
 color: #003E7E;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 border-left: white 0px solid;
 border-bottom: white 1px solid;
 border-top: white 1px solid;
 border-right: white 0px solid;
 background-color: Transparent;
}
.MainMenu_MenuIcon {
 cursor: pointer;
 cursor: hand;
 background-color: #EEEEEE;
 border-left: #EEEEEE 1px solid;
 border-bottom: #EEEEEE 1px solid;
 border-top: #EEEEEE 1px solid;
 text-align: center;
 width: 15;
 height: 21;
}
.MainMenu_SubMenu {
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 background-color: #FFFFFF;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
 border-bottom: #FFFFFF 0px solid;
 border-left: #FFFFFF 0px solid;
 border-top: #FFFFFF 0px solid;
 border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
 border-bottom: #EEEEEE 1px solid;
 border-left: #EEEEEE 0px solid;
 border-top: #EEEEEE 1px solid; 
 border-right: #EEEEEE 0px solid;
 background-color: #EEEEEE;
 height: 1px;
}
.MainMenu_MenuItemSel {
 cursor: pointer;
 cursor: hand;
 color: black;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 border-right: #FFFFFF 1px solid;
 border-bottom: #FFFFFF 1px solid;
 border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow {
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
}

Did you put the sentence to load your css on your skin??.... for example:

<link href="<% =SkinPath %>/YourCSS.css" rel="stylesheet" type="text/css" />

I'm using dnn 4.5.5 version and i have no problems with it.  Just tell me if this fix your error.

omarsiado,

No I had not since I had just one css file. as far as my knowledge goes we need not mention the css link tag,  I have fixed the probem anyway, There hapened to be an issue as I was reloading the skin package with the same name and also there were a few portals that used the (previous version of the ) skin and DNN was using that old version and not picking up the new one though I had pointed the right direction for the files. For me lesson learnt was to use different names when appling changed skins, DNN thinks its a new skin and picks things up straight away. I appreciate your help.

I have another question by the way:

I have some javascript functionality that I would like to include. Would including with a link tag do the trick? I am asking this as it said "unable to parse the .js file" when I tried to install the skin (including the .js).. the other things worked fine .. I didnt put the link tag though.. may be i shaould try that.. thanks for answering once again..

Harsha