一个TK-12基督为中心,
大学预科学校

Join us on Saturday, 十一月 23 at 7:00 p.m. at The Hope Barn for an evening of live music, entertainment, dinner, and time with friends! This event benefits Covenant 艺术 and ticket sales are available online.

-
CLC

文件

全步骤来使用这个“最佳实践”模板

代码相关的步骤

  1. 去了 这个模板的coderepo
  2. Copy over the mashup.js (in the plugins folder) to your plugins. Depending on what feeds you need to pull in, you'll need to make sure your website has other plugins included in your JS file. E.g. at a minimum, if you don't customize this mashup, you'll need the twitterCustom.js (for twitter), and getFeeds.js (for Instagram) 重要的提示: 你需要额外的插件“jquery.mcustomscrollbar.concat.min.js”。这是对体育事件的自定义滚动条。如果你不使用运动计划,然后通过各种手段不加这个插件英寸 重要提示#2: This template also has the optional ability to use a facebook element (built in because the original client wanted to swap it out, and I figured it'd be useful) instead of another feed. If you do use Facebook的, you'll need the facebookCustom.js since it calls that function
  3. The icons are all at the top of the Sass mashup partial. I'm pulling in the font awesome stuff via their CDN. I recommend just adding these font icons to your Icomoon project if you do that already in your workflow.
  4. 所有的颜色都在该文件的顶部列出,并可以在您的休闲改变。
  5. 所有字体是在文件的顶部,可以改变你的休闲。我建议更改字体,你用什么(例如$无衬线;或东西)。

作曲家相关的步骤

  1. 在你的青菜你的/网页/文件夹,添加一个名为_mashup.scss并复制/pages/_mashup.scss从coderepo部分
  2. 在作曲家,在你的混搭页面,确保mashup页面有“混搭”(不带引号)的自定义类(在设置组)。
  3. 在页面中添加一个容器,并给它的自定义类“混搭 - 饲料”(不带引号)的。
  4. Just add elements inside of the container (my code will flexbox it into the grid). You can customize the order however you want. Each element needs to have a custom class on it though. Below I'll run through each element
    • 对于Instagram的,请与自定义类“Instagram的饲料”(不带引号)的内容元素。
    • 对于微博添加一个Twitter元件与自定义类“推进料”(没有引号)的。它链接到他们的Twitter帐户在推特的元素设置
    • 对于公告(粉红色扩音器),使一个自定义类“公告饲料”(不带引号)的新闻元素。复制过自定义日期格式和设置。
    • 对于Facebook,使内容元素与自定义类“Facebook的饲料”(不带引号),也使mashup.js分给你的客户的Facebook的页面确保您的通话facebookcustom。
    • 500 Internal Server Error

      Internal Server Error

      The server encountered an internal error and was unable to complete your request. Either the server is overloaded or t这里 is an error in the application.


      照片聚光灯适用于今天
    • For Video Spotlight, make a content element with a custom class of "video-feed" (without quotes). This is exactly like the photo spotlight section (I made this two separate classes though due to the top right icon changing).
    • For the Athletics 事件, make an 竞技 Event element with a custom class of "athletics-feed" (without quotes). It's supposed to only show "todays" events. I'd just copy over the settings I have set (and make sure the date is set to only show the current days events; it might be off to help with testing purposes).
    • 对于RSS,请用自定义类“RSS源”(不带引号)的新闻元素。这是字面上一样的通知,但是由于不同的背景/图标单独的类。
    • For bottom middle photo with the transparent black background / white text, make a content element with a custom class of "photo-feed" (without quotes). The background image is set as a background image on the content element. To do the text, just edit the content area of the element, type your text, highlight the text, and link it to w这里ver you want it linked to. The Javascript takes care of the rest. E.g...
      Lorem存有悲坐阿梅德,consectetur adipisicing ELIT,SED做eliusmod。
    • For the calendar feed, make a Calendar element with a custom class of "calendar-feed" (without quotes). Make sure to copy my custom date format, and match my settings. It's a regular list, which gets slicked in my Javascript due to the different number of slides in different views.