Navigation components index
Feature box containing only one item: right
| Type |
Navigation Component |
| Navigation pattern |
Direct navigation to destinations anywhere in the site |
| Inclusion |
Included on the web page by means of <!--#include virtual="....."--> syntax |
| Component structure |
- <table width="100%" class="featureSingle">
- The width 100% is mandatory
- The real width is given by the right column containg the Feature box. The width of the right column is usually 25%, see the example.
- Each element inside the box (link, blurb and image) is in between <p></p>
|
| Content formatting |
- Text: <p>
- This area is used to highlight 1 item at the time. Because one item cannot be considered as a list, the tag <p> is used instead of <ul>.
|
| Description and use |
- Used to highlight a resource or a section of the site.
- Usually they are used on the Home page (Example 1), but It is also possible to use them on following pages.
- It can contain a combination of : an image, title that acts as a link to the highlighted resource or section, short description.
|
| Position on the page |
Right column |
| Conventional File name used |
rightadver.htm |
Types of Feature boxes
With link and brief description
/public/english/template1/components/rightadver/link_brief.htm
With link only
/public/english/template1/components/rightadver/link_only.htm
With horizontal image, link and brief description
/public/english/template1/components/rightadver/horizontal_image_link_brief.htm
Maximum Image size (in pixel): Horizontal 130x85, Square 75x75
With horizontal image and link. Note that both are centered
/public/english/template1/components/rightadver/horizontal_image_link.htm
Maximum Image size (in pixel): Horizontal 130x85, Square 75x75
With horizontal image only. Note that the image is linked and centered
/public/english/template1/components/rightadver/horizontal_image_only.htm
Maximum Image size (in pixel): Horizontal 130x85, Square 75x75
With vertical image and link. Note that both are centered
/public/english/template1/components/rightadver/vertical_image.htm
Maximum Image size (in pixel): Vertical 85x130, Square 75x75
With vertical image only. Note that the image is linked and centered
/public/english/template1/components/rightadver/vertical_image_only.htm
Maximum Image size (in pixel): Vertical 85x130, Square 75x75
^ top
