2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

博客

新的自动播放按钮

刚刚为宁皓网的视频页面添加了一个“自动播放”按钮,点一下这个按钮以后,当前视频播放完成后,会自动跳转到接下来的视频页面,并且会自动播放视频。这个自动播放按钮是以课程为单位的,也就是它可以播放整个课程相关的所有的视频。

不过遗憾的是 IOS 设备不允许自动播放视频,你必须得点击一下播放按钮才行。

新的自动播放按钮

说一下实现这个功能的大概的思路:

视频页面会有一个视频目录,这个视频目录是一个 views (views 是 Drupal 的一个模块)。views 会自动为当前的视频页面的<a>标签中会添加一个 .active类。我们的“自动播放”按钮就是利用了这个.active类。

宁皓网用到的几个 Javascript 配方

根据页面窗口自动缩放的背景图片

在宁皓网首页的展示区域,有一个大背景图片,这个背景图片会根据页面窗口的宽度自动缩放。这里用到是 jQuery 的 Anystretch 插件。下载这个插件并把它加载到页面中,同时你的页面中还需要使用到 jQuery。

jQuery Anystretch:
https://github.com/danmillar/jquery-anystretch

调用的方法:
$('#showcase').anystretch("files/images/show-02.jpg");

解释:
找到页面中带有 #showcase 这个 id 的元素。然后用 Anystretch 为这个元素添加一个可以自动缩放的背景图片,图片的位置在 files/images/show-02.jpg。

继续前进,正式版宁皓网

现在是凌晨 3 点,把小改版之后的宁皓网上传到了服务器,希望不会有太大的问题,这次改版也意味着是正式版的宁皓网,所有 9 月份之前订阅课程的会员订阅开始的时间全部都改成了 9 月 1号,也就是未来的一年,您仍然会是我们的会员。

跟宁皓网测试版一样,都是小雪逼着我做的,她总是推着我做一些事情。我记得测试版开始是在国外的一台虚拟主机上,速度很慢,但我们还是推出了测试版,这里我要非常非常感谢支持我的朋友们,你们是我的天使。

很多朋友问我的工作是什么,其实宁皓网就是我的主要工作,除此以外,目前我还没有其它的工作。我们目前还不是一个公司,也算不上是一个团队,只能说是一个小团伙,只有我跟小雪,小雪已经是我媳妇了,wo hoo ~~ :)

这次改版的变化不是很大,不过页面的代码几乎全部重写了,用了 bootstrap 架构(希望你用的是 Chrome 浏览器,上帝保佑!),对 iPad 等移动设备做了些优化,在视频页面添加了一个向前,向后的按钮。天呐,就改了这么点东西,但几乎花费了我一个月的时间。

《 Bootstrap 用户界面架构 》快速创建专业的页面

Bootstrap 用户界面架构

Bootstrap 用户界面架构 》介绍了 Bootstrap 架构的使用。Bootstrap 来自 Twitter ,是一套用户界面与交互的架构,你可以使用 Bootstrap 快速的创建专业的设计。

《Drupal 7 主题基础教程》 把自己的设计转成 Drupal 主题

Drupal 7 主题基础教程》 目的是让你把自己设计好的页面转换成可以在 Drupal 上使用的主题。课程需要您了解使用 CSS 设计页面,还要熟悉使用网格系统布局页面。你可以查看宁皓网的《CSS 基础教程》和《用960网格系统布局网页》这两套课程。

Drupal 7 主题基础教程

Joomla 2.5 权限控制系统

如果你想控制用户能看到什么,能做什么,你需要使用Joomla的权限控制系统,英文名叫ACL,可被译成访问控制列表、权限控制系统或者是访问控制系统等等。

Joomla 2.5 的权限控制系统分成两个完全独立的系统,一个系统控制用户能看到什么内容,另一个系统控制用户能在网站中做什么。

Joomla 2.5 默认安装以后,已经有一套权限控制的规则,这套规则是模仿Joomla 1.5 时代的权限控制。你可以不使用这套规则,去重新创建。

下面我们用默认的权限控制规则来理解Joomla 2.5 的 ACL。

用户组

Drupal 7 多网站的设置

Drupal 允许你让多个网站使用同一套 Drupal 的代码,这样你可以节省维护网站的时间,你只需要升级一个 Drupal ,为一个 Drupal 打补丁。

Drupal 实现多网站有很多方法,这篇文章介绍一个,使用一套 Drupal 代码,多个数据库,网站之间不共享内容与用户。

应用情境:

情境一:你是一个自由职业者,为很多客户使用Drupal构建网站,你可以用Drupal多网站的方法减轻维护网站的工作量。因为你只需要维护一套Drupal代码。

情境二:你购买了一个虚拟主机,主机只允许你绑定一个子目录,但允许你在同一目录下绑定多个域名,这样,你可以使用Drupal多网站的方法,在这个虚拟主机上创建多个不同的网站,可以节省你的成本。

文章简介:

这篇文章介绍了在Windows系统的本地电脑上测试Drupal多网站的技巧,同样适用于真正在互联网上的环境。

Drupal 7 整合 Vanilla 论坛

Vanilla 论坛

Vanilla 是一款开源的论坛软件。一个意外发现了它,简单,易用的特性总是很吸引人。

Vanilla可以和Drupal或者Wordpress整合在一起使用。你可以选择嵌入Vanilla,这样Vanilla看起来就像Drupal或Wordpress的模块或者插件。

或者也可以把Vanilla单独出来,论坛的域名可以与你的主网站域名不一样。用户在你的主站(Drupal或Wordpress网站)上注册以后,这个帐户也可以在Vanilla论坛上使用。

请看演示:Joomlafans 

《Opencart 构建电子商务网站》 能与Joomla整合在一起的购物车软件

使用 Opencart 可以很容易构建一个电子商务网站,友好的操作界面,多种支付方式(Paypal, 支付宝... )与配送方式。支持多语言和多种交易货币。而且可以跟 Joomla 整合在一起使用。

Opencart

课程地址:

http://ninghao.net/course/367

使用PhoneGap,配合 Drupal 7, HTML5, CSS, jQuery Mobile 创建 Android, IOS 本地移动应用

PhoneGap允许你使用HTML5,CSS,Javascript来创建移动应用程序。而且是跨平台的应用程序,应用可以在Android,苹果的IOS(iPhone, iPad)等设备上运行。

如果想让你的应用允许别人注册,登陆,添加或编辑内容。你可以使用Drupal做为处理内容的核心。Drupal 太酷啦 !

这篇文章介绍了一下创建基于Drupal本地应用的大概的流程。

Drupal应用添加内容

演示:

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点