如何在清晰的故事情节中自定义滚动面板

这个博客分享了如何使用清晰的故事线在电子学习课程中定制滚动面板。

发表在 2020年1月28日更新
如何在清晰的故事情节中自定义滚动面板

最近有个客户要求我们在他们的所有课程中添加一条CEO的信息,其中包括一张图片。内容(信息)过于沉重,无法放在屏幕上,唯一的选择是添加滚动面板,以便学习者可以滚动阅读内容。

客户接受了滚动选项,但要求我们将滚动面板的颜色与界面匹配。

我们在清晰的故事情节中没有默认选项。我们唯一能做的就是定制。

在这篇文章中,我想分享添加自定义滚动面板的步骤,你可以添加所需的颜色来匹配界面(GUI)。

步骤1:

按照要求创建您的电子学习课程。

按照要求-步骤1

步骤2:

开发一个包含内容和滚动对象的HTML页面。使用CSS格式,如下面的截图所示。

html页面设置

确保将HTML文件保存为index . html。

步骤3:

插入选项卡并选择Web对象选择插入index . html文件。

插入tab-step3

步骤4:

在窗口打开后,粘贴的位置index . html文件。你甚至可以浏览它的位置。

步骤4 -插入web对象

步骤5:

调整Web对象在屏幕上的大小和位置。你甚至可以将Web对象的一部分移出舞台。然而,输出保持不变。

调整文件位置

步骤6:

发布电子学习课程并检查输出。

WebKit浏览器(Chrome和Safari)

Webkit浏览器-步骤6

对于IE

IE -步骤6

以下是在清晰的故事情节中添加自定义滚动条的6个简单步骤。

希望这篇文章对你有用。请分享你的观点。

how-to-select-right-rapid-authoring-tool-cta
如何选择正确的快速创作工具
如何在清晰的故事情节中自定义滚动面板
复制链接