hi;
i have installed dnn 5.1 and after take the design from desiner
andconvert it to skin when i testing on firefox or safari for mac.
so i need to make it open in mac as it open in IE on woindows.
how can i do that?
my style code is:ASCX page:
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/Admin/Skins/Text.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<center>
<table style="width: 946px; background-color:#EFEFEF;">
<tr>
<td style="width: 10px"> </td>
<td style="width: 926px">
<table style="width:926px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="height:22px;" colspan="2" valign="top" bgcolor="#EFEFEF">
<table style="width:926px">
<tr>
<td style="width:375px;" >
</td>
<td style="height:22px;" >
<a href="http://crm3/dnn3/Home.aspx"><img alt="Home" src="http://crm3/dnn3/v2_home.jpg" height="22" style="border-style:none; border-width: 0; padding-left:0px; padding-right:0px;"></a>
<a href="http://alargan.bayt.com" target="_blank"><img alt="career" src="http://crm3/dnn3/v2_career.jpg" height="22" style="border-style: none;border-width: 0; padding-left:0px; padding-right:0px;"></a>
<a href="http://crm3/dnn3/contactus.aspx">&... alt="contact us" src="http://crm3/dnn3/v2_contactus.jpg" height="22" style="border-style: none;border-width: 0; padding-left:0px; padding-right:0px;"></a>
<a href="https://mail.alargan.com/exchange" target="_blank"><img alt="staff login" src="http://crm3/dnn3/v2_stafflogin.jpg" height="22" style="border-style: none;border-width: 0; padding-left:0px; padding-right:0px;"></a>
</td>
<td style="height:20px; text-align:right; font-family: Verdana;font-size: x-small;color: #8F8F8F;" >
<a href="http://crm3/dnn3ar/Default.aspx" style="text-decoration: none;">
<span lang="ar-kw" style="color: #8F8F8F;" class="style3">
عربى</span></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="height: 160px; width:375px; background-color:white;">
<dnn:LOGO runat="server" id="dnnLOGO" />
</td>
<td dir="rtl" style="width: 600px; text-align: justify; text-justify: kashida;" >
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/sh..."
id="BannerSlide" style="float: right; width: 100%; height: 100%;" align="right" class="style1" >
<param name="movie" value="http://crm3/dnn3/flash-website.swf">
<param name="bgcolor" value="#ffffff">
<param name="quality" value="High">
<param name="allowscriptaccess" value="samedomain">
<param name="wmode" value="transparent">
<param name="salign" value="R">
<param name="scale" value="ExactFit">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/downlo..."
name="BannerSlide"
src="http://crm3/dnn3/flash-website.swf"
bgcolor="#ffffff"
quality="High"
allowscriptaccess="samedomain" salign="R" wmode="transparent" style="width: 100%; height: 100%" scale="ExactFit" >
<noembed>
</noembed>
</embed>
</object>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#cdcccb" style="text-align:center; height:24px; width:926px;">
<center>
<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" Level="2" CSSNode="cssNode" />
</center>
</td>
</tr>
<tr>
<td style="height:22px;" colspan="2"> </td>
</tr>
<tr>
<td colspan="2" align="center" valign=top>
<div class="content_pad" >
<div class="content_width" >
<div runat="server" id="TopPane" class="TopPane" ></div>
<table style="width:926px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" id="LeftPane" class="LeftPane" runat="server">
</td>
<td valign="top" id="ContentPane" class="ContentPane" runat="server">
</td>
<td valign="top" id="RightPane" class="RightPane" runat="server">
</td>
</tr>
</table>
<div runat="server" id="BottomPane" class="BottomPane" ></div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" style="height:0px;" >
</td>
</tr>
<tr>
<td colspan="2" >
<div align="center" class="style9" style=" padding-bottom:5px; margin-bottom:5px;">
<dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" CssClass="footer" /> </div>
</td>
</tr>
</table>
</td>
<td style="width: 10px"> </td>
</tr>
</table>
<div style="height:18px; width:926px; background-color:#b2b1b2;">
</div>
<dnn:STYLES runat="server" id="StylesIE6" Name="IE6Minus" StyleSheet="css/ie6skin.css" Condition="LT IE 7" UseSkinPath="true" />
</center>
<script language="JavaScript1.2">
/*
Disable right click script II (on images)- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/
var clickmessage="Copyright ©2009 - ALARGAN International Real Estate Company"
function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
clickmessage)
return false
}
}
}
function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}
if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>
----------------------------------
skin.css
@import url("css/menu.css");
/* CSS Document */
#Body {background:#b2b1b2; margin:0; padding:0; }
/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}
/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}
/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}
/*-------- design style --------*/
#s_wrap_main{display:table;width:882px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}
.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}
.menu_bg{padding:0 0 0 6px; margin: 0 12px 0 8px; }
/*.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }*/
.search_style{float:right; height:24px;}
.search_bg{padding:8px 2px 0 0;}
/*.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0; background:url(images/bread_right.png) no-repeat top right; height:34px;}
*/
#login_style{ float:right; line-height:24px; padding-right:18px; color:#000000;}
#bread_style{ float:left; line-height:24px; padding-left:18px;color:#000000;}
.center_bg{padding:0; margin:0;clear:both; padding-top:0; margin-top:0;}
/*.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}*/
/*.content_width{padding-top:15px; min-height:350px;}*/
/*.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}
.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
*/
#terms_style{float:left;}
#copy_style{float:right;}
.clear_float{clear:both; line-height:0; font-size:0; height:0;}
/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}
a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}
/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}
/*--------- pane style ----------*/
.ContentPane{ padding:0; margin:0; padding-top:0; margin-top:0; }
.TopPane{ padding:0; margin:0; padding-top:0; margin-top:0; height:20px; }
.BottomPane{ padding:0; margin:0; padding-top:0; margin-top:0; height:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }
/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}
/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}
/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#61116A;}
a.user:hover{color:#61116A;}
/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#858383;}
a.footer:hover{color:#858383;}
/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;height:0;}
/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 24px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}
input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}
#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D; color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}
.style1 {
font-size: x-small;
color: #FFFFFF;
}
.style3 {
color: #61116A;
font-weight: bold;
font-size: 14px;
}
.style5 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
/*body {
background-image: url();
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}*/
.style7 {color: #61116A; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.style9 {
font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #61116A;
text-align: center;
position:fixed;
bottom: 10px;
left: 0px;
width: 100%;
height: 20px;
visibility: visible;
display: block
}
-----------------------------
menu.css
/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu
{
cursor:pointer;
/*font-family: "Helvetica Condensed";*/
font-family:Arial, Helvetica, sans-serif;
font-size: 11.75px;
color:#660066;
background-color:transparent;
width:900px;
margin-right: 1px;
padding-right:1px;
height:24px;
}
/* Main Menu Normal */
.mainMenu .root
{
color:#660066;
/*font-family: "http://crm3/dnn3/Helvetica_Condensed.eot";
font-family: "Helvetica Condensed";*/
font-family:Arial, Helvetica, sans-serif;
font-size: 11.75px;
font-weight:bold;
text-align:center;
height:24px;
padding:5px 5px 5px 5px;
text-transform:none;
margin-right:1px;
white-space:nowrap;
margin-left:1px;
float:left;
width:60px;
}
/* Main menu hover */
.mainMenu .hov{
background:url(../images/menu_hover.gif) repeat-x top left;
}
/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
color: White;
/*background:url(../images/menu_active.gif) repeat-x top left;*/
}
.mainMenu table{
border:1px solid #C0D6E5;
color: White;
}
/* SUB Menu Normal */
.mainMenu tr.mi{
background-color:#CDCCCB;
z-index: 1000;
font-size: 9px;
font-weight:bold;
text-align:left;
color:White;
line-height:2em;
text-transform:none;
min-width:75px;
max-width:75px;
width:75px;
}
.mainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
color: #660066;
font-size: 9px;
min-width:40px;
text-align:left;
white-space:inherit;
}
/* SUB Menu hover & selected */
.mainMenu tr.hov
{
color: White;
background-color:#A48BA8;
/*background:url(../images/menu_hover.gif) repeat-x top left;
background: #B296BC url(../images/submenu_hover.gif) repeat-x top left;*/
}
.mainMenu tr.hov td{
color:White;
}
.mainMenu tr.sel, .mainMenu tr.bc{
background: #CCCCC4/*url(../images/submenu_active.gif) repeat-x top left*/;
color: White;
}
.mainMenu tr.sel td, .mainMenu tr.bc td{
color:White;
}
.main_dnnmenu_break{
height: 2px;
background-color: #D5E0FF;
color: White;
}
/* Module Action Menus */
.ModuleTitle_SubMenu
{
color: black;
border:1px solid #C0D6E5;
}
.ModuleTitle_SubMenu td{
background-color:#F8FAFF;
white-space:inherit;
color: black;
}
.ModuleTitle_MenuIcon {
background-color:#F8FAFF;
border:none;
padding: 0px 2px;
color: black;
}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
background: #B296BC url(../images/submenu_hover.gif) repeat-x top left;
color: black;
}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
height: 2px;
background-color: #D5E0FF;
}
.cssNode
{
}
---------------------------------------------------
please please i need a help in this