Umbraco(3) - CSS & Javascript
2016-01-22 09:28
381 查看
翻译原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-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】
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】
相关文章推荐
- 分享10个Js的小型库,效果真的很棒
- 16 款最流行的 JavaScript 框架
- DataConvertJson
- js中for in遍历对象属性
- js中的异常处理try...catch使用介绍
- 如何利用JS通过身份证号获取当事人的生日、年龄、性别
- Umbraco(3) - CSS & Javascript(翻译文档)
- 基于javascript实现根据身份证号码识别性别和年龄
- 【JSOI2012】【BZOJ4327】玄武密码
- Web打印使用printThis.js
- Excel导入→JS拼出来的Table
- JavaScript prototype 属性
- WebGL学习笔记(1)
- js中变量声明的问题
- javascript系列教程
- JS在function前面加上"+"的含义
- 【JS复习笔记】04 数组
- 一些有用的js插件
- 安装和使用TmodJs
- javascript笔记2-引用类型