现在的位置: 首页 > 综合 > 正文

Baldwin-customContainer容器皮肤的设计(最简单却实用且最煊的容器皮肤)

2012年05月22日 ⁄ 综合 ⁄ 共 2057字 ⁄ 字号 评论关闭
到此给了大家一些关于DNN的心得!!现在再说说大家最被DNN吸引的皮肤设计吧!!
大家一定觉得DNN可以任意更换皮肤,这是多煊的功能啊 ,这的确给用户最人性最贴
心的体验!可不管别人的皮肤做的多煊!你总想自己来自定义一个自己感觉特好的,特符合自己性格的皮肤吧!!那好吧,让我们开始最新最旋的旅程吧 !!
你其实不需要啥更多的准备!一点点就好了!!呵呵,先看看效果图 :

这就是一个最简单的容器皮肤的效果!!简单明了!!不要任何图片!!就这么把你需要功能摆上取就可以了!!这是用户控件*.ascx形式的!当然了你也可以用HTML来写!!
首先就是你要把那些需要的DNN用户控件先在文件头部注册一下:
<%@ Control language="vb" CodeBehind="~/admin/Containers/container.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Containers.Container" %>
<%@ Register TagPrefix="dnn" TagName="SOLPARTACTIONS" Src="~/Admin/Containers/SolPartActions.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<%@ Register TagPrefix="dnn" TagName="VISIBILITY" Src="~/Admin/Containers/Visibility.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRINTMODULE" Src="~/Admin/Containers/PrintModule.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON1" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON2" Src="~/Admin/Containers/ActionButton.ascx" %>

接着你需要就是布局你容器了,而需要你自己来了就好了,只是要记得几个要点就行!!
1)<%= SkinPath %> 凡是需要图片的地方都需要这个标识,否则DNN无法找到你的图片路径,而这就保证DNN可以自动找到你添加的图片,比如你的图片就在该容器文件夹下的话,你只要如此设置即可<img src="<%= SkinPath %>YourPicture.gif" width="8">
2)必须有这么一句在皮肤文件中,否则你在白忙乎吧了,因为这是标识DNN放置模块的标签!!
 

  <tr>
     
<td><div runat="server" id="ContentPane"></div>
     
</td>
  
</tr>

3)

<TR>
  
<TD align="left" valign="middle" nowrap><dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="AddContent.Action" DisplayIcon="True" DisplayLink="True" />
  
</TD>
  
<TD align="right" valign="middle" nowrap><dnn:ACTIONBUTTON2 runat="server" id="dnnACTIONBUTTON2" CommandName="SyndicateModule.Action" DisplayIcon="True" DisplayLink="False" />
  
</TD>
</TR>

它们可有后边的CommandName来标示该执行怎样的动作!!
没了!注意这三点就足够了!呵呵,很简单吧!!呵呵
其他的一些细节就是个人把握的问题了!!有兴趣就自己体会吧!!真的很funny!!
不是吗??当你可看到自己风格的皮肤出现在你的DNN上你难道没啥感觉吗??呵呵!不至于吧
这对于刚接触DNN的你难道不是一个enjoy yourself的 机会??
更详细的该容器皮肤信息可看看我下边的下载文件,你这要把它解压到DotNetNuke\Portals\_default\Containers\下即可!!你会在皮肤管理下的Containers的下拉框下找到该容器皮肤的!!跟其他容器一样使用就好了!!呵呵,旅程愉快!!
下载地址:http://files.cnblogs.com/sunwangji/BaldwinContainer.rar

抱歉!评论已关闭.