Umbraco(3) - CSS & Javascript(翻译文档)

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/

CSS & Javascript

看着我们的主页面很显然的发现css和javascript模板并没有加上。包括这个网站的根目录中的导航(例如:"C:\inetpub\wwwroot"这可能是不同的根据您的安装类型),在Windows资源管理器中复制css\style.css文件到[你网站的根目录]\Css文件夹中(无论您的umbraco实例有没有取代Umbraco - 例如:"C:\inetpub\wwwroot"。)现在在浏览器中刷新你的网页,你便会看到带有样式的页面了。

注意 - 你可以使用Umbraco UI手动创建你的CSS文件。Settings > Stylesheets > ... > + Create创建一个样式表命名为style(不需要添加文件后缀.css),然后粘贴我所需要的css代码。使用这两种方法都应该注意不包括你的HTML自动标记 - Umbraco产生的输出,这意味着你只需要些你想写的和你需要的。

接下来拷贝初始化包里的modernizr-2.0.6.min.js文件到站点的Scripts文件夹中 - 我们要将新模板更新一下来看看/Scripts代替了/js。要做到这一点需要我们在Settings > Templates > Homepage改变script文件的路径,最后点击保存。

<script src="scripts/libs/modernizr-2.0.6.min.js"></script>

注意- 你也可以手动的来创建您的JS文件Settings > Scripts > ... > + Create(再次的不需要添加文件后缀名.js,但是需要在Type下拉选项中选择.js)这里的参考模板是"scripts/myfile.js”.

现在我们只用Chrome开发工具或是Firebug同时浏览http://localhost你会发现网络选项卡不报告任何丢失的资产/文件 - 如果它却是有一个外观和修复任何错误/检查文件应在正确的地方。

【原文:https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/CSS-And-Javascript

时间: 2024-07-28 23:18:42

Umbraco(3) - CSS & Javascript(翻译文档)的相关文章

JavaScript触发文档事件和窗口事件

转载请注明出处:http://www.uphtm.com/js/128.html 浏览器窗口本身理解一些事件,包括从当载入页面的时候触发的事件,到当访问者离开页面的时候触发的事件: ·load.当Web浏览器完成下载Web页面文件的全部内容之后(HTML文件本身,加上任何链接图像.Flash电影和外部的CSS和JavaScript文件),load事件触发.Web设计师习惯上会使用这个事件来启动操作Web页面的任何程序.然而,如果有很多的图形或者其他较大的链接文件的话,载入一个Web页面及其所有的

JavaScript 充实文档内容

JavaScript 充实文档内容 一:简介 使用JavaScript来充实文档内容.主要目的是为现有文档创建一个"缩略语列表"."文献来源链接"."快捷键清单".基本都是前面使用过的函数.没有什么要特别说明的地方. 二:效果图 三:具体内容 HTML的内容的编写可以使用Sublime Text (安装Emmet插件).或者Jetbrain的Webstorm神器.效率提高N倍.有兴趣的可以百度谷歌Emmet简介. example.html: &l

Javascript 在线文档

http://jquery.com/    jQuery http://jqueryui.com/  jQuery UI http://plugins.jquery.com/caret/    输入框文字选择与光标位置处理 http://www.examplet.org/jquery/caret.php  示例代码 http://requirejs.org      require.js http://angularjs.org/   Google 推出的SPA( single-page-app

JavaScript : DOM文档解析详解

JavaScript DOM  文档解析 1.节点(node):来源于网络理论,代表网络中的一个连接点.网络是由节点构成的集合 <p title=“a gentle reminder”> Don’t forget to buy this stuff.</p> 节点及其类型 元素节点: 属性节点:元素的属性,可以直接通过属性的方式来操作 文本节点:元素节点的子节点,其内容通常为文本 2.Node接口的特性和方法 现在给出一个演示的HTML文件: html <!doctype h

Umbraco(6)-Creating More Pages Using the Master - Part 2(翻译文档)

创建一个Contact Us页面 我们将创建一个新的”联系我们“页面,在该页面我们将放置简单的联系信息.对于添加这个功能你可能想替换为一个完全成熟的形式. 一些有效的解决方案: 使用表面控制器构建自己的接触形式: http://our.umbraco.org/documentation/Reference/Templating/Mvc/forms或者是 http://umbraco.tv/videos/developer/fundamentals/surface-controllers/ 如果你

Umbraco(5)-Creating Master Template Part 1(翻译文档)

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco5-creating-master-template-part-1/ 创建更多的页面 使用可维护的模板结构 我们已经了解了如何创建一个Document Type,我们可以创建一个只有三个页面的简单网站:Home,News,Contact us.方法就是创建三种(Document Types)文档类型和它们相关联的模板(Create matching temp

Umbraco(4)-Outputting the Document Type Properties(翻译文档)

翻译原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco4outputting-the-document-type-properties/ 输出文档类型属性 你会注意到,我们添加到homepage文档类型中的属性内容并没有显示出来.我们需要将文档类型中定义的属性和显示该文档类型的模板结合起来(那些在Umbraco中创建的数据字段可以编辑),首先让我们看下在homepage页面中属性内容应该显示的位置: [我们

Umbraco(1) - Document Types(翻译文档)

Document Types Data first nothing in = nothing out! 任何网站的第一步是创建一个"Document Type"-几次安装后你会熟悉这个术语,但一开始可能有点令人困惑.Document Type在Umbraco中是一个数据容器,您可以添加数据字段/属性,编辑用户可以在其中输入数据和Umbraco中还可以使用它来输出相关部分"template"(稍后详细介绍这些). Document Types是无限扩展的,但是通常你会

Umbraco(2) - Creating Your First Template and Content Node(翻译文档)

创建(编辑)你的第一个模板(Template) 展开 Settings > Templates文件夹 - 然后你应该看到子节点名为"Homepage" - 这是我们在创建Document Type时自动创建的(还记得之前的复选框"Create matching template"吗?) 注意 - 在早期版本7.1的树下不会自动更新显示,如果你没有看到,请尝试刷新Umbraco(Ctrl + F5). 点击Homepage节点将会加载这个模板 - 这里是空的,除