Template:Hig-header: Difference between revisions

From OLPC
Jump to navigation Jump to search
(..)
(update)
Line 1: Line 1:
<div style="margin: 20px; font-size: 85%;">
<div style="margin: 20px; font-size: 85%;">
<table cellpadding=1 cellspacing=1 style="border-collapse: collapse; background: #f5f5f5;">
{| cellpadding=1 cellspacing=1 style="border-collapse: collapse; background: #f5f5f5;"


|-
<tr>
<td style="background:#86A6DF; border: 1px #666 solid; padding-left: 3px; padding-right: 3px;">'''Table of Contents'''</td>
| style="background:#86A6DF; border: 1px #666 solid; padding-left: 3px; padding-right: 3px;" | '''Table of Contents'''
<td colspan="10"></td>
| colspan="10"|
</tr>


<tr style="height: 3px;"><td></td></tr>
|- style="height: 3px;"
||
⚫
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
⚫
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Introduction|Introduction]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


|'''Table of Contents'''|
<tr style="height: 3px;"><td></td></tr>
| colspan="10"|
⚫
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
⚫
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Core Ideas|Core Ideas]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


⚫
|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
<tr style="height: 3px;"><td></td></tr>
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/Introduction|Introduction]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|
⚫
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Design Fundamentals|Design Fundamentals]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Design Fundamentals/Know Your Audience|Know Your Audience]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Design Fundamentals/Key Design Principles|Key Design Principles]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


⚫
|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
<tr style="height: 3px;"><td></td></tr>
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/Core Ideas|Core Ideas]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|
⚫
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience|The Laptop Experience]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/Introduction|Introduction]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor|Zoom Metaphor]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/The Frame|The Frame]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/Bulletin Boards|Bulletin Boards]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/The Journal|The Journal]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/View Source|View Source]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Laptop Experience/Global Search|Global Search]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
<tr style="height: 3px;"><td></td></tr>
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/Design Fundamentals|Design Fundamentals]]
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Activities|Activities]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/Design Fundamentals/Know Your Audience|Know Your Audience]]
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Activities/Introduction|Introduction]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/Design Fundamentals/Key Design Principles|Key Design Principles]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Activities/Activity Basics|Activity Basics]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Activities/Activity Bundles|Activity Bundles]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
<tr style="height: 3px;"><td></td></tr>
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/The Laptop Experience|The Laptop Experience]]
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/Security|Security]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/Introduction|Introduction]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/Zoom Metaphor|Zoom Metaphor]]
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/The Frame|The Frame]]
</tr>
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/Bulletin Boards|Bulletin Boards]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/The Journal|The Journal]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/View Source|View Source]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Laptop Experience/Global Search|Global Search]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|


|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
<tr style="height: 3px;"><td></td></tr>
<tr style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;">
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/Activities|Activities]]
<td style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface|The Sugar Interface]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/Activities/Introduction|Introduction]]
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Input Systems|Input Systems]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/Activities/Activity Basics|Activity Basics]]
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines|Layout Guidelines]]</td>
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/Activities/Activity Bundles|Activity Bundles]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Icons|Icons]]</td>
⚫
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Colors|Colors]]</td>
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts|Text and Fonts]]</td>
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Toolbars|Toolbars]]</td>
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Rollovers|Rollovers]]</td>
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Controls|Controls]]</td>
<td style="border: 1px #666 solid; padding: inherit;">[[OLPC Human Interface Guidelines/The Sugar Interface/Cursor|Cursor]]</td>
⚫
<td colspan="10" style="background-color: #f5f5f5;"></td>
</tr>


|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
</table>
⚫
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/Security|Security]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|

|- style="background-color: #E2EDFF; padding-left: 3px; padding-right: 3px;"
⚫
| style="background-color: #C3D9FF; border: 1px #666 solid; padding: inherit;"|[[OLPC Human Interface Guidelines/The Sugar Interface|The Sugar Interface]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Input Systems|Input Systems]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Layout Guidelines|Layout Guidelines]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Icons|Icons]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Colors|Colors]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Text and Fonts|Text and Fonts]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Toolbars|Toolbars]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Rollovers|Rollovers]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Controls|Controls]]
⚫
| style="border: 1px #666 solid; padding: inherit;"| [[OLPC Human Interface Guidelines/The Sugar Interface/Cursor|Cursor]]
⚫
| colspan="10" style="background-color: #f5f5f5;"|

|}
</div>
</div>

Revision as of 08:09, 21 February 2008

Table of Contents
Introduction
Core Ideas
Design Fundamentals Know Your Audience Key Design Principles
The Laptop Experience Introduction Zoom Metaphor The Frame Bulletin Boards The Journal View Source Global Search
Activities Introduction Activity Basics Activity Bundles
Security
The Sugar Interface Input Systems Layout Guidelines Icons Colors Text and Fonts Toolbars Rollovers Controls Cursor
Retrieved from "http://wiki.laptop.org/mediawiki/index.php?title=Template:Hig-header&oldid=110769"