代码片段的类型

使用下面的资源来了解更多十大靠谱棋牌游戏PCC使用的代码片段类型 网站使用以及有关如何编辑当前正在使用的代码片段的信息 在你的页面上.

不确定您的页面正在使用哪些片段? 转到页面的所见即所得编辑器， 并查找任何片段编辑表. 表的第一行将包含名称 片段的. 

代码片段的类型

手风琴片段

手风琴片段将内容组织到垂直堆叠的选项卡中. 每个选项卡 包含一个标题，可以展开(打开)以显示与之相关的内容 这个选项卡. 手风琴片段通常用于显示faq和组织 学术课程页面上的信息.

标签1

为表1的内容

选项卡2

这是表2的内容.

选项卡3

这是Tab 3的内容

编辑手风琴片段

编辑手风琴片段

在所见即所得编辑器的编辑视图中，手风琴片段将显示为 一个表.

  1. 表格的第一列叫做"标签标题". 这是您可以编辑标题的地方 你的一个标签.
  2. 表格的第二列称为“面板打开”?". 如果您希望展开选项卡 当用户进入页面时，输入“true”. 如果要关闭面板，请键入 “假”.
  3. 第三栏叫做"制表内容". 在这里，您可以编辑扩展后的内容 选项卡视图.

添加一个额外的手风琴选项卡

向手风琴添加另一个选项卡:

  1. 将光标放在希望添加新选项卡的位置上方的行中.
  2. 从工具栏中单击Table下拉菜单.
  3. 从“行”中单击“后插入行”.
  4. 现在，您将看到另一行添加到手风琴片段 Edit Table中.
  5. 在第一列中添加标签标题，在第三列中添加标签内容.
  6. 重复此过程以添加其他行.

回到顶端

先进的图像

高级图像片段用于显示带有标题的图像. 的风格 标题是预先配置的. 但您可以编辑标题标题或标题内容 根据需要在片段编辑中编辑标题标题行和标题内容行 Table.

如果您想更改您已有的图像，请查看我们的 摄影指引及流程.

占位符
这是标题说明这是标题的内容

回到顶端

高级灯箱图像

高级Lightbox片段用于在页面上包含将打开的照片 点击后会出现在灯箱中. 不能在高级Lightbox中编辑内容 片段. 回顾我们的 照片的指导方针 和 视频指南 有关编辑此代码片段的其他帮助.

回到顶端

 

Advanced Lightbox YouTube

这个片段允许您使用自定义缩略图添加来自PCC的YouTube频道的视频 在灯箱中打开的图像. 您无法在高级Lightbox YouTube中编辑内容 片段. 回顾我们的 照片的指导方针 和 视频指南 有关编辑此代码片段的其他帮助.

占位符

回到顶端

高级缩略图

这个代码片段允许创建带有多个行标题的缩略图. 这 片段主要用于显示员工和教职员工的照片. 您可以编辑该信息 包括在标题中——主题(通常是人的名字)、角色、标题 位置/区域，电子邮件地址和任何自定义标题区域.

回顾我们的 照片的指导方针 有关编辑此代码片段的其他帮助.

占位符
John Doe
主要
F-215
johndoe@lfkgw.com
在这里添加额外的自定义信息.

回到顶端

高级视频片段

高级视频片段让您从PCC YouTube频道添加视频到您的 页面. 虽然不是强制性的，但您也可以添加和/或编辑标题标题和标题 视频内容. 了解更多十大靠谱棋牌游戏添加视频到您的网站.

video-thumbnail

视频字幕在这里

回到顶端

Blockquote

Blockquote代码片段允许您调用文本块作为引号.

编辑Blockquote

Blockquotes的代码片段编辑表

  • 内容行(第三行): 编辑此处引语 
  • 页脚行(第四行): 编辑引文(作者姓名和其他相关信息). 离开 如果没有引用，则为空白.

这是一段名言，太棒了!

John Doe

回到顶端

调出

调出 片段用作将用户链接到新页面的操作调用. 在那里 有两个callout - Primary和Default. 两者都使用相同的代码片段，只是使用了不同的 背景色(主要是红色背景，默认是白色背景).

编辑标注片段

标注的代码片段编辑表

  1. 目标URL

    这是URL 依赖标签 到要向其发送用户的页面. 添加目的URL时，DO 不插入实际链接. 只需将URL或依赖项标记写成常规文本即可.

  2. 调出内容:
    这是放置标注内容的地方. 第一行是主呼叫 采取行动. 下面几行是标注的附加上下文. 不要改变 标注中文本的样式或格式.

主调出标题

附加信息/内容

主调出标题

附加信息/内容

回到顶端 

自定义链路列表

自定义链接列表用于以视觉上吸引人的方式组织和显示链接. 在自定义链接列表的代码片段编辑表中，您将看到项目符号列表 链接. 链接必须留在项目符号列表中才能正确显示. 你可以编辑现有的 链接或添加新链接. 阅读有关插入和编辑链接的更多信息.

回到顶端 

描述表

这创建了一个描述列表，可以用于提供定义、常见问题解答 或者其他简短的解释. 描述列表和横向描述列表 具有相同的用途和内容编辑功能，它们只是显示内容不同. 编辑描述列表时，可以编辑第一列中的Term或Question 第二列是定义或答案.

描述表

术语或问题
定义或答案在这里
术语或问题
定义或答案在这里

横向描述列表

术语或问题
定义或答案在这里
术语或问题
定义或答案在这里

回到顶端 

活动项目

事件项片段允许您显示有关事件或重要事件的信息 日期.  注意，这个代码片段没有连接到25 Live或任何其他日历 系统，所以日期和事件信息需要手工编辑. 当编辑 “事件项”，可以修改“月份”、“日期”、“事件标题”和“事件详细信息”. 一定 阅读“代码片段编辑表”中的指南，了解如何输入日期 正确的显示.

  • 4月
    08
    事件标题

    事件描述和详细信息请点击这里.

  • 4月
    08
    事件标题

    事件描述和详细信息请点击这里.

  • 4月
    08
    事件标题

    事件描述和详细信息请点击这里.

回到顶端  

字体列表

字体列表创建了一个项目列表 很棒的图标 充当子弹. 这些通常用于显示联系人信息 区域、检查清单、项目津贴和其他突出显示的列表.

编辑字体Awesome列表

字体Awesome列表的片段编辑表

  • Font Awesome列表的片段编辑表中的每一行都是不同的内容项.
  • 编辑表的第一列显示了正在显示的字体Awesome图标的名称. 参观 字体Awesome网站 查看可用字体awesome图标的完整列表.
  • 编辑表中的第二列显示了包含在 link
  • 添加一个新的列表项:
    1. 将光标放在表格的最后一行.
    2. From 的 Table Drop-down menu in 的 toolbar, click Row>Insert Row After
    3. 将出现一个新行. 输入图标的名称和列表内容.
  • 1570 E. 科罗拉多大街.
    加州帕萨迪纳91106
  • email@website.com
  • (626) 585-7123

回到顶端 

图标按钮

很棒的图标.您可以将图标放置在按钮文本的左侧或右侧. 所有图标都是 源自Font Awesome. 参观 字体Awesome网站 查看可用字体awesome图标的完整列表.

编辑字体Awesome列表

图标按钮的代码片段编辑表

  • 第一列显示按钮文本左侧显示的图标. 如果有 如果没有左图标，这一列会是空白的吗.

  • 第二列是按钮链接所在的位置. 阅读更多十大靠谱棋牌游戏插入和编辑按钮的信息.

  • 第一列显示按钮文本右侧显示的图标. 如果有 如果没有正确的图标，这一栏会是空白的吗.

下载手册    十大靠谱棋牌游戏

回到顶端

图标浮动与文字-字体真棒

这个代码片段用于包含带有单个图标的文本块(不是列表形式). 所有图标都来自字体Awesome. 参观 字体Awesome网站 查看可用字体awesome图标的完整列表. 你要编辑的主要内容 这里是内容行(片段编辑表的最后一行)，它是文本 这伴随着字体awesome图标.

每年有150多名学生从我们的项目毕业.

回到顶端 

排名单

联机列表片段允许您显示信息列表，以水平分隔 规则. 在代码片段编辑表中，将当前列表中的每个项目分开 差一线. 您可以编辑现有的内容，或者从键盘上点击“输入/返回” 添加其他列表项. 不要向列表项添加任何格式或样式， 因为这会破坏代码片段.

  • 项目1 
  • 项目2. 列表项可以是一个句子.
  • 列表项列表项可以是多个句子，连续到多行. 水平 规则只会分隔条目，而不是文本行.
  • 项目4
  • 项目5
  • 清单项目6

回到顶端 

模态

模态片段允许您在现有网页上覆盖文本框. 你的页面 将显示一个按钮，当点击模态将出现，显示用户的 信息. 从代码片段编辑表的模态内容行，您可以编辑 点击模态按钮后显示的内容.

回到顶端 

多个列

多列代码片段是网站上最常用的代码片段之一. 它纯粹用于布局. 当内容放置在多列代码片段中时， 它将把内容显示到列中.

列示例

这是第一列

这是第二列

这是第三列

列的数量各不相同. 有些页面将有两列，每一列占页面的一半. 有些会有三列，每一列占页面的三分之一. 其他的会有1 / 3的一列 页宽和两列的页宽各占三分之二. 有些会有四列. 的可能性 是无限的!

编辑多列片段

多列片段的片段编辑表

  • 内容的每一列都是编辑表中的单独一行.
  • 编辑表的第一行用于编辑列#1中的内容.
  • 第二行用于编辑列#2中的内容，等等.
  • 不能添加或删除列，因为这将影响页面的整个布局. 如果你觉得你需要增加一个额外的专栏或拿走一个，请联系 策略传播及市场推广.
  • 最后，很多时候在Multiple Column内部会有额外的片段 片段. 不要注意多列代码片段——它所做的只是添加 页面的一些布局. 相反，只需关注multi内部的代码片段 列的片段.

回到顶端 

通知

通知片段允许您将时间敏感信息通知用户 如申请窗口开放，临时更改办公时间/关闭办公室， 即将到来的重要截止日期等. 通知片段应该保留给 重要的公告和应关闭时，信息不再 有关.

通知片段有4种颜色可供选择(灰色、黄色、白色和黑色). 

的最后期限
FAFSA申请截止日期为3月2日!
我们的办公室将在3月19日至31日春假期间关闭
春季学期的停车许可证现已开放!
登记
今天开始注册秋季学期.
编辑通知片段

通知的代码片段编辑表

在所见即所得编辑器的编辑视图中，手风琴片段将显示为 一个表.

  1. 代码片段表的第一行是 Color. 您可以将通知的背景颜色更改为灰色、黄色、白色或黑色 黑色-只需键入您希望显示的颜色.
  2. 代码片段表的第二行是 Title. 这是可选的，将在通知的左上角添加小文本. 标题可以是“公告”、“截止日期”、“办公室关闭”等.
  3. 代码片段表的第3行是 内容. 这是您添加实际公告的地方，例如“我们的办公室将关闭” 从12月. 或FAFSA截止日期为3月2日!”. 尽量简短 需要信息时，用户可按按钮阅读更多信息(见步骤4).
  4. 代码片段表的第4行是Button Text. 这就是通知按钮的作用 说(我.e. 了解更多或阅读更多). 同样，保持简短——最多2到3个单词.
  5. 代码片段表的第5行是Button URL. 添加依赖项标签(内部链接) 或URL用于按钮应该将用户带到哪里. 注意:要隐藏按钮，请将URL选项留空.
  6. 代码片段表的第6行显示公告. 如果公告应该 显示在您要键入的页面上 on (所有小写). 如果不希望显示它，请键入 从 (所有小写). 不要忘记在打开页面后提交要发布的页面 或关闭!

回到顶端

面板 

面板将信息组织到具有可选页眉和页脚的框中. 的风格 的面板可以改变(不同的背景颜色，有或没有图标)，但他们 都使用相同的代码片段.

面板的片段编辑表中有几行是您不需要的. 的 仅需要用于编辑的行是:

  • 头(可选): 这是您可以编辑面板标题的地方. 如果为空，则表示标头区域 的面板将不会显示
  • 内容: 这是你可以编辑的内容，是在面板的主要区域内.
面板标题

神的恩赐，神的恩赐，神的恩赐. Donec奥迪奥. Quisque volutpat 马蒂斯厄洛斯. Nullam malesuada的翻译结果. 悬浮物，无所不在， 永远服从，摆姿势，走.

面板标题

神的恩赐，神的恩赐，神的恩赐. Donec奥迪奥. Quisque volutpat 马蒂斯厄洛斯. Nullam malesuada的翻译结果. 悬浮物，无所不在， 永远服从，摆姿势，走.

面板标题

神的恩赐，神的恩赐，神的恩赐. Donec奥迪奥. Quisque volutpat 马蒂斯厄洛斯. Nullam malesuada的翻译结果. 悬浮物，无所不在， 永远服从，摆姿势，走.

回到顶端

社交媒体图标

社交媒体片段用于包含到各种社交媒体的图标链接 平台. 代码片段使用 很棒的图标 要显示链接. 链接可以显示为红色或灰色.

编辑社交媒体图标

社交媒体图标的片段编辑表

  • 编辑表中的每一行对应一个不同的社交媒体项
  • 表格的第一列是包含字体Awesome图标的地方. 标准的 你将使用的图标有:
    • fa-推特
    • fa-instagram
    • fa-脸谱网
    • fa-pinterest
    • fa-linkedin
  • 第二列是你把链接到你的社交媒体网站. 不要添加 它是一个实际的链接. 只需键入URL作为标准文本.
  • 第三列是你可以通过输入“红色”或“灰色”来改变图标颜色的地方. 注意，你应该为列表中的每个图标保持相同的颜色.
  • 添加一个新的社交媒体图标:
    • 将光标放在表格的最后一行.
    • From 的 Table Drop-down menu in 的 toolbar, click Row > Insert Row After
    • 将出现一个新行.
    • 使用上面的字体Awesome列表，输入字体Awesome图标的名称
    • 输入您的社交媒体网站的URL. 不添加它作为一个实际的链接. 只要输入 URL作为标准文本.
    • 输入图标的颜色(记住它应该与其他图标相同) 你的页面.)

回到顶端

员工目录

员工目录允许您将特定于部门的员工目录插入到 一个页面. 使用时，员工目录将自动拉入姓名和联系方式 信息从PCC人力资源数据库. 您无法编辑目录中的信息.

如果您觉得显示的员工信息不正确，请联系 人力资源. 如果您需要帮助将员工目录添加到您的页面，请提交一个 Web帮助单.

回到顶端

步骤列表

步骤列表片段对有序列表应用特殊样式. 这个片段是 保留用于向用户解释一组应用程序或注册步骤.

要编辑步骤，只需更改文本即可. 不要复制粘贴到步骤列表中，如 它将导致格式化中断.

要添加新步骤，请从键盘上按enter/return键. 将出现一个新的步骤号 你可以在它旁边添加文字.

  1. 1 .到这里
  2. 1 .到这里
  3. 1 .到这里

回到顶端

选项卡 

选项卡 片段将您的内容组织到不同的面板，以及每个面板 一次只能看到一个吗. 每个内容面板都可以通过点击内容来显示 相应的选项卡控件.

编辑选项卡

片段编辑表的选项卡

编辑现有的选项卡和内容:
  1. 表格的第一列叫做"标签标题". 这是您可以编辑标题的地方 你的一个标签.
  2. 表格的第二列叫做“制表内容”. 这是你可以编辑的地方 显示在该选项卡中.
要添加另一个选项卡面板:
  1. 将光标放在希望添加新选项卡面板的位置上方的行中.
  2. 从工具栏中单击Table下拉菜单.
  3. 从“行”中单击“后插入行”.
  4. 现在，您将看到另一行添加到选项卡片段编辑表中.
  5. 在第一列中添加标签标题，在第三列中添加标签内容.
  6. 重复此过程以添加其他行.

标签面板1

我需要的只是让我的设施发酵. Aliquam porttitor mauris是一个很好的例子 奥利奇. 埃涅斯人的尊严和魅力.

选项卡面板2

莫比看起来就像一件漂亮的装饰品. Pellentesque 苹果 nisi, euismod in, pharetra A，在这里，在这里. Sed arcu. 耐腐蚀合金consequat.

选项卡面板3

Pellentesque酵母菌. Aliquam quam lectus, facilities auctor, ultresut， 玉树元素，尼姑.

回到顶端

证明旋转木马

Carousel用于以“幻灯片”方式显示文本信息. 这个代码片段 是留给推荐人的吗.

编辑推荐

片段编辑表的推荐旋转木马

编辑现有的推荐信
  1. 片段编辑表中的每一行显示一个推荐.
  2. 第一栏(推荐内容) 推荐信在哪里.
  3. 第二栏(姓名) 证言人的名字写在哪里了. 如果没有 姓名，留空.
  4. 第三栏(标题) 你可以在哪里加上头衔或十大靠谱棋牌游戏送礼者的其他信息吗 推荐书(1).e. 2016级学生，历史学教授等.) 
添加一个新的推荐
  1. 把你的光标放在你想要添加新的推荐面板的行上面.
  2. 从工具栏中单击Table下拉菜单.
  3. 从“行”中单击“后插入行”.
  4. 现在，您将看到另一行添加到选项卡片段编辑表中.
  5. 在第一列中添加标签标题，在第三列中添加标签内容.
  6. 重复此过程以添加其他行.

回到顶端

切换

切换 片段用于创建在单击链接时展开/折叠的内容 或按钮. 可以通过更改“切换”中的文本来编辑内容中的内容 代码片段编辑表的“内容”行.

切换按钮示例

这是切换内容. 点击上面的按钮就会显示出来. 你可以点击 再次按下按钮以重新隐藏内容.

回到顶端 

好吧

well代码片段用于突出页面的各个方面. 它非常相似 的 面板片段，除了它只有一个样式(灰色背景)，没有页脚或 头字段. 您可以通过更改“content”中的文本来编辑井中的内容。 代码片段编辑表的行.

这是一个样品井. 神的恩赐，神的恩赐，神的恩赐. Donec 苹果. 快来，快来. Nullam malesuada的翻译结果. Suspendisse一只慧眼 没有，viverra non, semper subject, possuere a, pede.

去某个地方!

回到顶端