Header |
Inner top Body Inner bottom |
Footer |
Header |
Body |
Footer |
Header | |
Inner top Body Inner bottom |
|
Footer | |
Header | |
Body |
|
Footer | |
Header | |
Inner top Body Inner bottom |
|
Footer | |
Header | |
Body |
|
Footer | |
Header | |
Inner top Body Inner bottom | |
Footer | |
Header | |
Body | |
Footer | |
Header | |
Inner top Body Inner bottom | |
Footer | |
Header | |
Body | |
Footer | |
Header | ||
|
Inner top Body Inner bottom |
||
Footer | ||
Header | ||
Body |
||
Footer | ||
| Wrapper Width |
'Flexible Width (100%)
with minimum width: px ',
'fixed'=>'Fixed Width: px',
),'layout[wrapping]',$wrapping,false)
?>
and maximum width: px Header width, body+sidebar width, and footer width will conform wrapper width. |
|---|---|
| Wide Sidebar Width Use percentage to make the width flexible, use px to make them fixed. |
100){$sidebar=100;itx_update_option('layout',100,'sidebar');} ?>
'px','%'=>'%'),'layout[sidebarunit]',$sidebarunit,false);
?>
Narrow Sidebar Width is half of this size.Body width equals to Wrapper width minus Sidebar width . |
There are several styles you can choose to use: |
Widgets in Inner Top, Inner Bottom and Footer are arranged using floats. This section set the width of widgets, so they form column automatically.
Tip: If you have widgets more than column you set, it's best to put the higher (longer) widget first, so they flows better.
These boxes ilustrate how they work.
Arrange Inner Top by: |
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2
3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3
4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4
5 5 5 5 5 5 5 5 5 5 5 5 5 5
6 6 6 6 6 6 6 6 6 6 6
|
|---|---|
Arrange Inner Bottom by: |
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2
3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3
4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4
5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5
6 6 6 6 6 6 6 6 6 6 6
|
Arrange Footer by: |