BLACK KNIGHT

C5EXTRAS

NEXT GENERATION THEME

DO YOURSELF A FAVOUR

BUY NOW!

black_knight_new.png

Easy to Use

Black Knight theme is easy to use. You only need to use one page type for your site. The concept of this theme is to have all your pages of your website compressed into one page. Isn't that great? You don't need to transfer to other pages or wait  for the pages to load. It saves you time and gives your website a new different feel. It only takes ONE page.

Page Types

Black Knight has two superb page types for you to use. Home page type does it all, it has 6 sections to manipulate. Every section is designated to your navigation menu. If you want more sections then we have Home Complex page type for you which has 10 sections and thats wonderful!

Fully Responsive

The entire theme automatically adjusts the layout depending on the size of the browser, so your website looks fab on large widescreen monitors and small smartphone screens. It looks beautiful on iPhone, iPad, and Android, no sweat. The navigation menu is even responsive. Very smart!

Expert Support

We stand behind our add-ons & themes. If you have a post-sale question, just open a support request via the Concrete5 marketplace and we'll respond quickly. Or for a pre-sale question, just send us a Private Message (PM) via the Concrete5 website.

DIRECTIONS

1. Use HOME or HOME COMPLEX page type.

2. HOME page type is composed of 6 SECTIONS while HOME COMPLEX page type is composed of 10 SECTIONS.

3. SECTIONS are equivalent to your regular WEBSITE PAGES. (see section and navigation mapping below)

4. You still have to create your website pages in full sitemap (see sample navigaiton below) in order for you to have a navigation menu in your site. No need to edit the pages that you have created in full sitemap. All editing will be done per section on your Home page.

5. Use C5Extras Long Scroll Navigation Menu Block at the top of your HOME page.

6. EVERY SECTION in the C5Extras Long Scroll Navigation Menu Block corresponds an item in your navigation menu.

7. Every section can be determined with their area name ending in numbers. (see below)

section.png

SAMPLE SECTION AND NAVIGATION MENU MAPPING

SECTION 0 - DEFAULT HEADER/HOME

SECTION 1 - PAGE TYPES

SECTION 2 - STYLES

SECTION 3 - TYPOGRAPHY

SECTION 4 - DASHBOARD

SECTION 5 - CONTACT - US

SECTION 6 - NEXT NAV ITEM 

SECTION 7 - NEXT NAV ITEM 

SECTION 8 - NEXT NAV ITEM 

SECTION 9 - NEXT NAV ITEM 

SECTION 10 - NEXT NAV ITEM 

 

SAMPLE NAVIGATION EDITOR

CUSTOMIZATION

Here's a list of elements that can be customised in the Dashboard Customize Theme are:

HEADER

NAVIGATION

SECTION 1 to 10

FOOTER

custom_style.png

Advance Tip

The Header banner image can be replaced with any image of your choice. Simply use the "Header Banner" custom page attribute and select a new file from your File Manager. If you leave that field blank, a default Header banner image will be used.

custom_header.png

Block Template

Black Knight includes 1 custom block template:

Page List: BK Thumb Blog

Page List

The "BK Thumb Blog" custom block template is designed for use with a blog-style page. Alternatively you could use it for a news-style page or anything else you wish. It will display an automatically resized image along with the page name (linked), published date and short description. This custom block template is designed to be responsive so it will adjust itself automatically on smaller browser screens.

The image is added using a custom page attribute. You can assign an image from your File Manager to a particular page via the Dashboard File Manager. Simply click a page and choose "Properties" followed by "Custom Attributes". Locate the attribute called "Page Thumbnail" and click it. This will add the attribute to the list on the right ready for you to use. Now click this attribute to pick an image from your File Manager. Easy!

Here's an example (the links don't actually go anywhere useful in this example):

  • Sample Blog Post

    Sample Blog Post

    Jul 15, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • Another Blog Post

    Another Blog Post

    Jul 16, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • This Isn't A Real Blog

    This Isn't A Real Blog

    Jul 18, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

How to apply a custom block template?

When you have your page in edit mode, click the block you wish to manipulate. From the pop-up list, choose "Custom Templates". This will display a list of available custom templates. Simply choose the appropriate one and click "Save". Done!

Typography

The Black Knight theme uses Google Web Font 'Oxygen' for a beautiful font style that is cross-browser compatible. Below is an example of this theme's formatting for the most common HTML elements.


Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph text

Curabitur faucibus risus quis lectus. Donec vehicula. Pellentesque nec, lectus. Bold. Nullam dictum sem. Italic. Phasellus varius. Underline. Vestibulum in felis in mauris consequat molestie. Strikethrough.

Blockquote

Praesent orci nisi, interdum quis, tristique vitae, consectetur sed, arcu. Ut at sapien non dolor semper sollicitudin. Etiam semper erat quis odio. Quisque commodo suscipit velit. Nulla facilisi.

- Duis justo quam

Lists

Unsorted list

  • Blandit in, interdum a
  • Ultrices non lectus
  • Nunc id odio
  • Fusce ultricies

Ordered list

  1. Blandit in, interdum a
  2. Ultrices non lectus
  3. Nunc id odio
  4. Fusce ultricies

Definition list

title
definition
definition
title
title
definition
title
definition

Tables

Data table

Property 1Property 2Property 3Property 4
Value 1.1 Value 1.2 Value 1.3 Value 1.4
Value 2.1 Value 2.2 Value 2.3 Value 2.4
Value 3.1 Value 3.2 Value 3.3 Value 3.4

DO YOURSELF A FAVOUR

BUY NOW!