Top Banner
1 dpw.lacounty. gov
6

1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

Dec 13, 2015

Download

Documents

Martin Houston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

1

dpw.lacounty.gov

Khaled Tawfik8/6/2012

Page 2: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

2

Standard Header options:1. Full Header2. Slim Header3. Slim Header without search4. Slim Header full width

Page 3: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

3

Option 1: Full HeaderNo changes to the header, including the dropdown menu, search, banner…

Page 4: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

4

Option 2: Slim HeaderSearch to the right of slim header, everything else customizable below.

Page 5: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

5

Search not part of header, but could be part of the site or app below including dropdown menus.

Option 3: Slim Header without search

Page 6: 1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

4. Slim Header Full Width: /lib/template/header10.htmlCSS Code: #slim-header-container {width: 100%; }

6

Standard Header Options

1. Full Header Fixed Width: /lib/template/header01.html

2. Slim Header Fixed Width: /lib/template/header10.html

3. Slim Header Without Search: /lib/template/header10.html CSS Code: .pw-search {display: none; }