Your SlideShare is downloading. ×
Powered by Invictus
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Powered by Invictus

749
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
749
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Powered by Invictuswww.FreddyAtton.com/DEMO
    Configurable Interface
    Widgets
    Navigation Hierarchy
    Layout Properties
    Widget Properties
    Stylesheet Attributes- Fonts- Colors- UI Graphics
    Twelve “Zones” for Widgets and Content
    Display Content
    Global Navigation
    Local Navigation
    Contextual Navigation
    Footer Navigation
    Breadcrumb Navigation
    Folder Navigation
    Shortcut Menu
    File Downloads
    Logo Slideshow
    Promos
    Messages
    Social Badges
    Social Badges – Top 10
    Share Buttons
    Copyright Stamp
    eMail Address
    Phone Number
    Back to Top
    Last Modified Timestamp
  • 2. Twelve Zones
    Any zone can be turned on or off.
    Any widget can be placed in any zone.
    2
    1
    3
    5
    4
    6
    7
    9
    8
    11
    10
    12
  • 3. Twelve Zones
    Any zone can be turned on or off.
    Any widget can be placed in any zone.
  • 4. Example
    • Zones 1 and 3 are turned off – zone 2 expands to fill the space
    • 5. Zone 2 contains three widgets
    • 6. Phone number
    • 7. Top 10 Social Badges
    • 8. Breadcrumb Navigation
    • 9. Zone 4 contains one widget
    • 10. Logo Slideshow
    • 11. Zone 5 contains four widgets
    • 12. Global Navigation
    • 13. Title
    • 14. eMail Address
    • 15. Shortcut Menu
    • 16. Zone 6 contains one widget
    • 17. Powered by Invictus (slideshow)
    • 18. Zone 7 contains three widgets
    • 19. Local Navigation
    • 20. Promo 7
    • 21. Message 1
    • 22. Zone 8 contains four widgets
    • 23. Display Content (blank in this example)
    • 24. Timestamp
    • 25. Share Buttons (horizontal)
    • 26. Back to Top
    • 27. Zone 9 contains six widgets
    • 28. Contextual Navigation
    • 29. Share Buttons (vertical)
    • 30. File Downloads
    • 31. Message 2
    • 32. Promo 9
    • 33. Message 3
  • 2
    Example : Zone 2
    • When side-zones 1 and 3 are turned off – the Center-Zone 2 expands to fill the space
    • 34. Three widgets
    Phone number Top 10 Social Badges
    Breadcrumb Navigation (with the Date option)
  • 35. 4
    Example : Zone 4
    • One widget
    Logo Slideshow
    Test it at:
    www.freddyatton.com
    OR
    www.freddyatton.com/TEMPLATE
  • 36. 5
    Example : Zone 5
    • Four widgets
    - Global Navigation (horizontal version)- Headline (image or text or both)- Email Address- Shortcut Menu
  • 37. 6
    Example : Zone 6
    • 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
  • 38. Example : Zone 7
    7
    • Three widgets
    - Local Navigation- Promo Image 7- Message 1
  • 39. Example : Zone 8
    8
    • Four widgets
    - Content (blank in this example)- Last Modified Timestamp- Share Buttons (horizontal)- Back to Top
  • 40. Example : Zone 9
    9
    • Six widgets
    - Contextual Navigation- Share Buttons (vertical)- File Downloads- Message 2- Promo 9- Message 3
  • 41. Example : Zone 10
    10
    • One widget
    - Copyright stamp
  • 42. Example : Zone 11
    11
    • Three widgets
    - Global Navigation- Footer Navigation- Social Badges
  • 43. Example : Zone 12
    12
    • One Widget
    - Invictus Button
  • 44. Twelve Zones
    Any 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.
  • 45. Navigation Configurator
    280 Pages
    (10 Top Level pages ~ 260 Second Level ~ 10 Footer)
    Type the link-labels, click Submit – done.
  • 46. Layout Configurator
    Work in progress…gimme a day or two…
  • 47. Widget Configurator
    xxx
    Work in progress…gimme a day or two…
  • 48. StylesheetConfigurator
    xxx
    Work in progress…gimme a day or two…
  • 49. { Widget }Global Navigation
    (a.k.a. Top Level Pages)
    Horizontal
    Vertical
  • 50. { Widget }Local Navigation
    (a.k.a. Second Level Pages)
    26 second-level pages for each top-level page
  • 51. { Widget }Contextual Navigation
    (a.k.a. On This Page links)
    As many contextual links as you want…
  • 52. { Widget }Supplemental Navigation
    (a.k.a. Footer links)
    10 Pages Available
    Link-Labels are defined in the Navigation Configurator
  • 53. { Widget }Breadcrumb Navigation
    (a.k.a. You Are Here)
    3 Levels of “Crumbs”
    Level 1 >> Level 2 >> Level 3
    Option: display the date
  • 54. { Widget }Folder Navigation
    (a.k.a. Accordion Style / Expand & Collapse)
  • 55. { Widget }File Downloads
    Every content page can have different downloads.
    Or every page can have the same downloads.
  • 56. { Widget }Logo Slideshow
    No limit on the number of images in your slideshow.
    Height and Width are specified in the Widget Configurator.
  • 57. { Widget }Promos
    Every zone has it’s own Promo Widget
    Attributes are specified in the Widget Configurator.
  • 58. { Widget }Messages
    There are 3 message widgets
    Attributes are specified in the Widget Configurator.
  • 59. { Widget }Social Badges
    Provide your username for a social-site and the “social badge” will be displayed
    Usernames are specified in the Widget Configurator.
  • 60. { 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.
  • 61. { Widget }Share Buttons
    Horizontal
    Vertical
  • 62. { Widget }Miscellaneious
    Phone Number ~ eMail Address ~ Copyright
    Last Modified Timestamp ~ Back to Top
    Attributes are specified in the Widget Configurator.
  • 63. { Widget }Shortcut menu
    First and Second Level Navigation
    Link labels are specified in the Navigation Configurator.
  • 64. { Widget }Headline
    Text or Graphic or Both
    Every page can have a unique Headline (if you want).
  • 65. { 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.
  • 66. { 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.
  • 67. { Layout Configurator }Specify Page Widthin Pixels or Percentage
    Pixels = “Fixed Width”
    Percentage = “Flex Width” ~ a.k.a. ~ “Liquid Layout”
  • 68. { Layout Configurator }Specify Column Widthsin Pixels or Percentage
    Pixels = “Fixed Width”
    Percentage = “Flex Width”
  • 69. { Layout Configurator }Specify Margins in Pixels
    xxxxx
  • 70. { Layout Configurator }Specifyvalues for the Meta Tags
    xxxxx
  • 71. { Layout Configurator }Specifyattributes for the BODY tag
    xxxxx
  • 72. { Layout Configurator }Specifyslideshow images to pre-load into the browser cache
    xxxxx
  • 73. { Layout Configurator }Specifywhich Zones are turned on
    xxxxx
  • 74. { Layout Configurator }Specifyminimum Height for each Row
    xxxxx
  • 75. { Layout Configurator }Specifyproperties for each Zone
    Margin on the left?
    Margin on the right?
    Height for the Top Margin
    Height for the Bottom Margin
    Horizontal Alignment
    Vertical Alignment
  • 76. { Layout Configurator }SpecifyWidget sequencefor each Zone
    xxx
  • 77. { 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).
  • 78. { 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.
  • 79. { StylesheetConfigurator }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.
  • 80. { StylesheetConfigurator }SpecifyBackground ColorsandBackground Images
    Every zone and every margin can have a different background color and / or background image.
  • 81. { StylesheetConfigurator }SpecifyBorder ColorsandBorder Widths
    Every zone can have a different border colorand border width.
  • 82. { StylesheetConfigurator }SpecifyFont Attributes
    Every widget can havedifferent font attributes – if you want.
  • 83. { 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).

×