DNN交互设计-CSS基础

最新推荐文章于 2024-08-07 09:37:01 发布
最新推荐文章于 2024-08-07 09:37:01 发布
阅读量1.3k 收藏
点赞数
分类专栏： 经历 ASP.NET/jQuery DNN开发 文章标签： dnn ux css foundation
经历 同时被 3 个专栏收录
63 篇文章 0 订阅
订阅专栏
ASP.NET/jQuery
44 篇文章 0 订阅
订阅专栏
DNN开发
44 篇文章 0 订阅
订阅专栏

核心DotNetNuke CSS 基础

只有对CSS基础选择器有了深度的理解才能加快在网站开发以及排错的进度。下面列举了一些模块开发以及皮肤设计过程中常用的CSS选择器

 

CSS 选择器使用明细
.dnnFormdnn中的界面元素包装集用于让jQuery通过CSS确定容器范围
.dnnFormItem类似于一个表中的行, .dnnFormItem可以分割表中元素到一个行中. 该包装集一般包含一个标签元素以及一个输入框(标签以及输入框组)
.dnnLeft使元素向左浮动
.dnnRight使元素向右浮动
.dnnClear清除浮动效果
.dnnPrimaryAction主要功能按钮（适用于超链接以及按钮界面元素）
.dnnSecondaryAction次要功能按钮（适用于超链接以及按钮界面元素）
missautumn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DNN_Platform 8.0 源码
08-14
这里可以学习到DNN如何构建响应式设计，以及如何使用AJAX技术实现动态交互。 最后，"Packages"目录包含了DNN依赖的外部库和组件。通过研究这些包，开发者可以了解到DNN是如何与其他开源项目协同工作的，如jQuery、...
DNNConnect2018-MobileApp:该存储库包含DNN Connect 2018移动应用程序的源代码
05-17
DNN Connect 2018 Mobile App 是一个专门为DNN（DotNetNuke）平台设计的移动应用程序，其源代码可以在提供的存储库中找到。这个项目的目标是为DNN社区的成员提供一个交互式、功能丰富的移动应用，让他们能够参与到...
DNN交互设计-基础设置（二）
missautumn的专栏
11-25 1220
本教程所描述的模式主要用于使用的DNN模块开发中的后台管理界面。模块中的设置， 编辑控件以及功能模块或站点中含有管理功能的区域都适用于这些模式。当然，你可能希望在其他场景中使用这些模式，但一定要记住当您浏览本指南时所有的这些界面模式都是为DNN管理功能准备的。 每一个在DotNetNuke的管理功能区域都是从认识CSS类dnnForm 开始的。这样就为管理功能区域提供了一个CSS的范围。
DNN交互设计-介绍（一）
missautumn的专栏
11-25 1180
用户体验设计是软件开发中最重要的学科之一。要注意用户体验在软件生命周期中不是一下子就可以完成的。好的用户体验需要基于用户行为和新的工具和技术的进行不断地完善。 现在DotNetNuke的认识到良好的用户体验对用户和企业效益的重要性。DNN团队正致力于提高DotNetNuke的经验。从DotNetNuke 6开始，在用户界面的改方面取得了很大的进步。 在接下来的博文中你会发现许多例子以及从
DNN交互设计-综合使用界面模式
missautumn的专栏
11-28 1495
开发各种模块会有不同的场景，但是本示例中包含了开发过程中常用的界面元素以及常用展示方式。
DNN交互设计-Tabs（三）
missautumn的专栏
11-26 1367
DNN中的Tab界面 界面模式及使用方式 上面看到的标签功能是一个来组织内容的关键机制。整个DotNetNuke的管理界面都是用这种方式，在自定义模块开发中也完全适用这种界面模式。不过这种模式也可以很容易地用在管理功能之外的区域。 该标签功能是由JavaScript实现的，更具体一点那就是由的一个jQuery插件实现的。首先将你组织你的内容分成逻辑区域，然后就可以将他们组织成标签央视
DNN交互设计-按钮（十二）
missautumn的专栏
11-27 1234
DNN后台界面中决定在模块中要在使用按钮或者超连接的时候，我们需要确定哪个是primary action哪个是secondary action。特别是如果某些按钮有一些显著的界面效果，那么那些按钮就更容易捕获使用者的注意力体现可以首先点击。 那什么才算得上是首要的操作的？如果一个操作执行的是最常用的操作，对于用户来说比如：保存、更形、添加、下一步、结帐等操作都可以应用dnnPrimaryAction。 一般那些不需要引起特别注意的链接就可以认为是sencondary action. 对于那些不重要的操作
DNN交互设计-提示Tooltips（九）
missautumn的专栏
11-27 1072
DNN的提示UI图标被放在一个标题以及输入框之间。它的作用就是为所编辑的字段除了标题之外提供更多的信息。 这种界面形式可以在客户需要时再显示帮助信息同时不会扰乱表单的布局。当鼠标移到蓝色图标时帮助信息就是以动态弹出div的方式出现。当提示内容显示出来后你还可以将帮助信息锁定在界面上，当然你也可以移动它。
DNN交互设计-确认对话框dnnConfirm（八）
missautumn的专栏
11-27 1141
DNN的确认对话框可以帮助用户确认他的一个动作的意图。特别是提示那些不可逆转的操作（例如：删除操作）或者提示一些后续的一系列动作（例如：发送邮件更新）。 用户可以选择Yes或者No，如果用户选择了No那么后续的操作将不被触发。你可以借助确认对话框让用户知晓重要的信息以保证他们做出正确的决定。
DNN交互设计-模块消息 （十）
missautumn的专栏
11-27 1000
DNN模块消息经常被开发者用来根据用户的操作来进行界面交互。这些消息的主要作用就是要加强在用户在站点或模块操作中的体验。 上面的图片中显示了一些不同的消息类型，这些类型使用于不同的使用场景。基本上，一共有以下4中消息类型： Success (.dnnFormSuccess): 显示操作成功的消息 Informational (.dnnFormInfo): 为帮助用户完成交互提供更多的信息 Warning (.dnnFormWarning): 用警告信息提示用户的操作可能带来不可撤销的不良后果。 Erro
DNN交互设计-日期选择控件（六）
missautumn的专栏
11-26 1836
界面模式及使用： DNN的DatePicker在6.0中是基于Telerik RadCalendar 控件实现的，使用的默认的default主题。如果你想定制化日期选择器的外观以符合你站点的风格，那么你可以访问该页面获取更多的信息。 当然你也可以访问另外一个Telerik页面以获取更多的关于Telerik的Skin的选项以及如何对Skin进行定制化的知识。   HTML
745DotNetNuke内容管理系统DNN的皮肤设计与实现.doc
01-17
【 DotNetNuke 内容管理系统 DNN 的皮肤设计与实现】 DotNetNuke（DNN）是一款基于微软ASP.NET 2.0平台的可扩展内容管理系统，适用于构建和维护专业级别的Web应用程序，如电子商务网站、企业网站以及在线内容发布...
R7.Dnn.Survey：具有一些调整的经典DNN测量模块
01-30
R7.Dnn.Survey是一个基于ASP.NET平台的深度学习网络(DNN)测量模块，它针对经典版本的DNN(DotNetNuke)进行了优化和调整。DotNetNuke是一款开源的内容管理系统(CMS)，广泛用于构建和管理Web应用程序。在这个特定的模块...
DNN Skin DotNetNuke皮肤
03-03
- **响应式设计**：现代的DNN皮肤通常采用响应式设计，这意味着皮肤能根据用户的设备（桌面、平板、手机）自动调整布局，提供良好的跨设备用户体验。 - **主题切换**：DNN允许用户轻松地在不同的皮肤之间切换，这为...
体系结构论文导读（三十四）：Design of Reliable DNN Accelerator with Un-reliable ReRAM
欢迎交流！
08-05 858
这篇文章主要讨论了一种在不可靠的ReRAM（阻变存储器）设备上设计可靠的深度神经网络（DNN）加速器的方法。文章提出了两种关键技术来解决ReRAM固有的不可靠性问题：动态定点（DFP）数据表示和设备变异感知（DVA）训练方法。背景介绍：挑战：提出的方法：深度神经网络（DNN）：基于ReRAM的DNN加速器：ReRAM设备的变异性： 在深度神经网络（DNN）中，不同层的参数范围可以有很大差异。对于AlexNet训练的CIFAR-10数据集，第一层卷积层的参数范围比后面的全连接层大10倍。传统的固定点数据格式
界面控件DevExpress WinForms，支持HTML & CSS提升用户体验（二）
最新发布
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
08-07 369
本文主要为大家介绍界面控件DevExpress WinForms支持的HTML & CSS，欢迎下载最新版体验~
鸿蒙HarmonyOS开发：如何灵活运用服务卡片提升用户体验
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
08-07 1292
服务卡片（以下简称“卡片”）是一种界面展示形式，可以将应用的重要信息或操作前置到卡片，以达到服务直达、减少体验层级的目的。卡片常用于嵌入到其他应用（当前卡片使用方只支持系统应用，如桌面）中作为其界面显示的一部分，并支持拉起页面、发送消息等基础的交互功能。
鸿蒙HarmonyOS开发：如何灵活运用动画效果提升用户体验
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
08-07 1154
动画可以在UI界面发生变化时，提供渐变过渡效果，提升用户体验。动画的实现原理是通过在一段时间内连续播放一系列静止画面（帧），从而产生流畅的视觉效果。在鸿蒙应用中，实现动画效果非常方便，我们只需明确组件的初始状态和结束状态，并配置一些动画相关的参数（动画时长），系统就会自动的生成中间的过度状态，并呈现出动画效果。在鸿蒙应用中，开发者可以为组件配置两类动画效果，一是组件的布局相关属性（如尺寸、位置等）发生变化时的布局更新动画，二是组件出现或消失时的组件转场动画。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值