README

此插件可以在您的网站中以许多不同和愉快的方式显示内容。

重要提示：初始包开发是在TYPO3 Neos alpha3/4时期完成的。我们正在努力使其完美运行，并使用Flow/Neos的最佳实践/概念美化源代码。请保持关注！

快速开始

• 将插件样式表包含到您的样式表中，您在其中添加其他网站样式表。

<link href="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/Styles/MultiContent.css')}" rel="stylesheet" media="screen">

• 将插件内容元素“Lelesys MultiContent”添加到您选择的任何位置。

将标签结构添加到您自己的网站的步骤

• 将插件样式表包含到您的样式表中，您在其中添加其他网站样式表。

<link href="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/Styles/MultiContent.css')}" rel="stylesheet" media="screen">

• 将插件JavaScript包含到您的JavaScript中，您在其中添加其他网站JavaScript文件。

<script src="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/JavaScript/MultiContent.js')}"></script>
<script src="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/Library/bootstrap-tab.js')}"></script>

• 将插件内容元素“Lelesys Tab Structure”添加到您选择的任何位置，并在该插件中添加任意数量的“Lelesys Tab Item”插件，使用“文本”、“图像”、“图文”或其他任何内容元素。

将切换结构添加到您自己的网站的步骤

• JavaScript 和 CSS 基于 Twitter Bootstrap，因此需要包含 Twitter Bootstrap CSS 和 JS。

• 将插件内容元素“Lelesys Toggle Structure”添加到您选择的任何位置，并在该插件中添加另一个插件“Lelesys Toggle Item”，并在相应的位置输入标题和文本。

将滑块/轮播结构添加到您自己的网站的步骤

• 将插件样式表包含到您的样式表中，您在其中添加其他网站样式表。

<link href="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/Styles/MultiContent.css')}" rel="stylesheet" media="screen">

• 将插件JavaScript包含到您的JavaScript中，您在其中添加其他网站JavaScript文件。

<script src="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/Library/jquery.tinycarousel.min.js')}"></script>
<script src="{f:uri.resource(path: 'resource://Lelesys.Plugin.MultiContent/Public/JavaScript/MultiContent.js')}"></script>

• 将插件内容元素“Lelesys slide Structure”添加到您选择的任何位置，并在该插件中为每个幻灯片添加另一个插件“Lelesys slide Item”，并在其中添加内容。