Upload
freddy-atton
View
713
Download
2
Embed Size (px)
DESCRIPTION
Citation preview
Powered by Invictuswww.FreddyAtton.com/DEMO
Configurable Interface
1) Navigation Hierarchy
2) Layout Properties
3) Widget Properties
4) Stylesheet Attributes
- Fonts
- Colors
- UI Graphics
5) Twelve “Zones” for Widgets and Content
Widgets
1) Display Content
2) Global Navigation
3) Local Navigation
4) Contextual Navigation
5) Footer Navigation
6) Breadcrumb Navigation
7) Folder Navigation
8) Shortcut Menu
9) File Downloads
10) Logo Slideshow
11) Promos
12) Messages
13) Social Badges
14) Social Badges – Top 10
15) Share Buttons
16) Copyright Stamp
17) eMail Address
18) Phone Number
19) Back to Top
20) Last Modified Timestamp
Twelve ZonesAny zone can be turned on or off.
Any widget can be placed in any zone.
54 6
2
8
11
1 3
7 9
10 12
Twelve ZonesAny zone can be turned on or off.
Any widget can be placed in any zone.
Example• Zones 1 and 3 are turned off – zone 2 expands to fill the space
• Zone 2 contains three widgets• Phone number• Top 10 Social Badges• Breadcrumb Navigation
• Zone 4 contains one widget • Logo Slideshow
• Zone 5 contains four widgets• Global Navigation• Title• eMail Address• Shortcut Menu
• Zone 6 contains one widget• Powered by Invictus (slideshow)
• Zone 7 contains three widgets• Local Navigation• Promo 7• Message 1
• Zone 8 contains four widgets• Display Content (blank in this example)• Timestamp• Share Buttons (horizontal)• Back to Top
• Zone 9 contains six widgets• Contextual Navigation• Share Buttons (vertical)• File Downloads• Message 2• Promo 9• Message 3
Example : Zone 2
•When side-zones 1 and 3 are turned off – the Center-Zone 2 expands to fill the space
•Three widgets
Phone number Top 10 Social Badges
Breadcrumb Navigation (with the Date option)
2
•One widget
Logo Slideshow
Test it at:
www.freddyatton.com
OR
www.freddyatton.com/TEMPLATE
Example : Zone 44
•Four widgets
- Global Navigation (horizontal version)
- Headline (image or text or both)
- Email Address
- Shortcut Menu
Example : Zone 55
•One widget
- Powered by Invictus
- this is a slideshow that
displays images from
the Hubble Telescope
Test it at:
www.freddyatton.com
OR
www.freddyatton.com/TEMPLATE
Example : Zone 66
•Three widgets
- Local Navigation
- Promo Image 7
- Message 1
Example : Zone 7 7
•Four widgets
- Content (blank in this example)
- Last Modified Timestamp
- Share Buttons (horizontal)
- Back to Top
Example : Zone 8 8
•Six widgets
- Contextual Navigation
- Share Buttons (vertical)
- File Downloads
- Message 2
- Promo 9
- Message 3
Example : Zone 9 9
•One widget
- Copyright stamp
Example : Zone 1010
•Three widgets
- Global Navigation
- Footer Navigation
- Social Badges
Example : Zone 1111
•One Widget
- Invictus Button
Example : Zone 1212
Twelve ZonesAny zone can be turned on or off.
Any widget can be placed in any zone.
When a side-zone is turned off, the center zone expands.
Navigation Configurator280 Pages
(10 Top Level pages ~ 260 Second Level ~ 10 Footer)Type the link-labels, click Submit – done.
Layout Configurator
Work in progress…gimme a day or two…
Widget Configuratorxxx
Work in progress…gimme a day or two…
Stylesheet Configuratorxxx
Work in progress…gimme a day or two…
{ Widget }Global Navigation
(a.k.a. Top Level Pages)
Horizontal
Vertical
{ Widget }Local Navigation
(a.k.a. Second Level Pages)
26 second-level pages for each top-level page
{ Widget }Contextual Navigation
(a.k.a. On This Page links)
As many contextual links as you want…
{ Widget }Supplemental Navigation
(a.k.a. Footer links)
10 Pages Available
Link-Labels are defined in the Navigation Configurator
{ Widget }Breadcrumb Navigation
(a.k.a. You Are Here)
3 Levels of “Crumbs”
Level 1 >> Level 2 >> Level 3
Option: display the date
{ Widget }Folder Navigation
(a.k.a. Accordion Style / Expand & Collapse)
{ Widget }File Downloads
Every content page can have different downloads.
Or every page can have the same downloads.
{ Widget }Logo Slideshow
No limit on the number of images in your slideshow.
Height and Width are specified in the Widget Configurator.
{ Widget }Promos
Every zone has it’s own Promo Widget
Attributes are specified in the Widget Configurator.
{ Widget }Messages
There are 3 message widgets
Attributes are specified in the Widget Configurator.
{ Widget }Social Badges
Provide your username for a social-site and the “social badge” will be displayed
Usernames are specified in the Widget Configurator.
{ Widget }Social Badges – Top 10
Provide your username for a social-site and the “social badge” will be displayed
Usernames are specified in the Widget Configurator.
{ Widget }Share Buttons
Horizontal
Vertical
{ Widget }Miscellaneious
Phone Number ~ eMail Address ~ CopyrightLast Modified Timestamp ~ Back to Top
Attributes are specified in the Widget Configurator.
{ Widget }Shortcut menu
First and Second Level Navigation
Link labels are specified in the Navigation Configurator.
{ Widget }Headline
Text or Graphic or Both
Every page can have a unique Headline (if you want).
{ Widget }Display Content
Point to a doc on Slideshare, YouTube, Google or any other service that provides “embed” code.
Or code the HTML using one of the Invictus Templates.Or do something unique – your choice.
{ Content Attributes }Override Capability
Every page has the ability to override the properties specified in the Layout Configurator.
This allows for small exceptions and completely unique layouts based on the content displayed in the middle.
{ Layout Configurator }
Specify Page Widthin Pixels or Percentage
Pixels = “Fixed Width”Percentage = “Flex Width” ~ a.k.a. ~ “Liquid Layout”
{ Layout Configurator }
Specify Column Widthsin Pixels or Percentage
Pixels = “Fixed Width”Percentage = “Flex Width”
{ Layout Configurator }
Specify Margins in Pixels
xxxxx
{ Layout Configurator }
Specifyvalues for the Meta Tags
xxxxx
{ Layout Configurator }
Specifyattributes for the BODY tag
xxxxx
{ Layout Configurator }
Specifyslideshow images to pre-load
into the browser cache
xxxxx
{ Layout Configurator }
Specifywhich Zones are turned on
xxxxx
{ Layout Configurator }
Specifyminimum Height for each Row
xxxxx
{ Layout Configurator }
Specifyproperties for each Zone
Margin on the left?Margin on the right?
Height for the Top MarginHeight for the Bottom Margin
Horizontal AlignmentVertical Alignment
{ Layout Configurator }
SpecifyWidget sequence
for each Zone
xxx
{ Layout Configurator }
SpecifyWidgets for sub-Zones
Zones 2, 5, and 8 (the center zones), have a “sub-zone” feature to arrange widgets horizontally (if you want).
{ Layout Configurator }
Specifythe Cascading Stylesheet
Question: What is a “theme” ?Answer: Layout + Stylesheet = Theme
“Powered by Invictus” allows you to specify a unique Layout for every page – if you want. Every layout can point to a different stylesheet – if you want. Therefore, every page can have a unique theme – if you so desire.
{ Stylesheet Configurator }
SpecifyUserNames for Social Badges
If you provide a User-Name for a social site, then the social badge will be displayed as a link to your profile
page for the social site – IF the Social Badges widget is placed in a zone AND the zone is turned on.
{ Stylesheet Configurator }
SpecifyBackground Colors
andBackground Images
Every zone and every margin can have a different background color and / or background image.
{ Stylesheet Configurator }
SpecifyBorder Colors
andBorder Widths
Every zone can have a different border colorand border width.
{ Stylesheet Configurator }
SpecifyFont Attributes
Every widget can havedifferent font attributes – if you want.
{ Widget Configurator }
SpecifyUserNames for Social Badges
If you provide a User-Name for a social site, then the social badge will be displayed as a link to your profile
page for the social site – (IF the Social Badges widget is placed in a zone AND the zone is turned on).