C# DotNetNuke 7蒙皮教程
我正在寻找一个关于为DotNetNuke 7创建皮肤的不错的教程。我还没有找到任何最新版本的dnn,虽然我已经成功地修改了现有的皮肤,但从零开始构建它们会容易得多C# DotNetNuke 7蒙皮教程,c#,asp.net,webforms,dotnetnuke,C#,Asp.net,Webforms,Dotnetnuke,我正在寻找一个关于为DotNetNuke 7创建皮肤的不错的教程。我还没有找到任何最新版本的dnn,虽然我已经成功地修改了现有的皮肤,但从零开始构建它们会容易得多 有什么建议吗?您的最佳选择可能是先看看DotNetNuke附带的现有皮肤。 要创建一个新的皮肤,只需转到/Portals/_default/skins区域,复制其中一个目录,粘贴并将其重命名为独特的名称。这将显示在您的皮肤选择器中。90%的.ascx皮肤文件只是HTML/CSS。然后,您可以根据需要修改skin.css文件和ASCX文
有什么建议吗?您的最佳选择可能是先看看DotNetNuke附带的现有皮肤。 要创建一个新的皮肤,只需转到/Portals/_default/skins区域,复制其中一个目录,粘贴并将其重命名为独特的名称。这将显示在您的皮肤选择器中。90%的.ascx皮肤文件只是HTML/CSS。然后,您可以根据需要修改skin.css文件和ASCX文件,以获得所需的外观。要创建新的外观选项,只需创建一个新的.ascx文件
您也可以购买一两个皮肤,看看它们是如何开发的。我不打算详细介绍,但我将定义有关
DotNetNuke蒙皮的一些关键元素以及您可能遇到的一些潜在问题
皮肤可以用两种方式之一编写,html
或ascx
。最常见的方法是通过ascx
html
:使用此方法时,在DotNetNuke
解析皮肤之前,不会应用在皮肤内所做的任何更改。当DotNetNuke
执行此解析时,它将引用您的清单来正确解析所有值,以便显示
ascx
:这种方式不需要解析,您所做的更改将立即生效。这使得操纵更容易。但是,它仍然包含一个清单来定义您的内容
现在,想象DotNetNuke
结构的最简单方法是通过窗格
和容器
。本质上,窗格
将始终包装在容器
中
但如何设计皮肤?
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<div id="Origin">
<div class="Wrapper">
<div id="Origin-Header">
<div class="origin-header clearfix">
<!-- Header Elements -->
<div class=origin-logo>
<dnn:LOGO runat=server" id="dnnLOGO" BorderWidth="0" />
</div>
<div class="origin-login">
<dnn:LANGUAGE runat="server" id="dnnLANGUAGE" showMenu="false" showLinks="true" />
<dnn:LOGIN runat="server" id="dnnLOGIN" CssClass="login" /> | <dnn:USER runat="server" id="dnnUSER" CssClass="user" />
<dnn:SEARCH runat="server" id="dnnSEARCH" UseDropDownList="true" ShowSite="false" ShowWeb="false" />
</div>
</div>
</div>
!-- Banner -->
<div id = "Origin-Banner">
<div class = "origin-banner-pane" id="origin-banner-pane" runat="server" />
</div>
需要注意的是,使用DotNetNuke
时,您往往不会为该页面设计网站-您创建了更复杂的结构,可以在更一般的意义上使用。例如:
因此,通过上图,您可以看到一些关键元素,例如:
标志
搜寻
登录
菜单
横幅
三个内容的分组
四个内容的分组
另一个内容
页脚也由四个部分组成
所以本质上我们有一个相当简单的数据结构。这通常包括一些相当基本的组织。但我的问题是,如何使用帐户或移动设备或不同的页面布局,例如:
现在有一个稍微复杂一点的问题。嗯,DotNetNuke
确实保留了一些注意事项——让开发人员成为开发人员,让设计师成为设计师。这允许大型团队在不破坏彼此工作的情况下灵活处理站点
在每个DotNetNuke
皮肤中,您将看到以下内容:
<%@ Control language="C#" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
将引用我们的对象。要指定我们网站内的位置,您可以执行以下操作:
<div class = "example_logo">
<dnn:LOGO runat="server" id="dnnLOGO" BorderWidth="0" />
</div>
以上就是一个让你开始学习的例子。正如您所见,您正在使用您的基本知识来构建站点结构。您只需在设计中填写DotNetNuke令牌
。然后,您希望DotNetNuke
模块从DotNetNuke
界面填充站点数据的地方就在这些窗格中
现在,下一个重要方面将是你的皮肤的基本包装。这实际上将确保它在安装后正常工作
您可以从和获取更多信息
希望这能为您提供入门的基础知识。剩下的是包装和舱单
希望这能为你指明正确的方向,并对你有所帮助
请随意提问或关注这些网站,尝试获取更多关于该主题的信息。正如克里斯·哈蒙德在第一篇评论中指出的那样,这些教程很难获得@克里斯-感谢您编写模块模板。我和社区对此表示感谢
我一直在努力学习DNN皮肤自己,并偶然发现了DNN英雄网站,有一个很好的基本视频教程,关于如何创建一个网站的皮肤
可以在这里找到:
我不认为这个系列是在免费的视频集,所以你可能必须订阅才能获得它。我是一个订户,并没有感到失望。如果您需要介绍皮肤或其他DNN,该网站的信息非常丰富。不幸的是,对于DNN皮肤来说,教程很难获得。这是一个非常适合初学者的循序渐进的教程:我不确定您需要多久,但我会尝试写一篇关于它的博客。嘿。。你觉得有什么有用的吗。。我还需要从Start开始设计外观您也可以查看DotNetNuke视频库。主要是因为我不记得是否添加了它,但是,DotNetNuke
需要在外观中定义一个ContentPane
。我想这就是方法。不过,您需要熟悉DNN的基本模块创建。