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%)','fixed'=>'Fixed Width: px'),'layout[wrapping]',$wrapping,false) ?> Header width, body+sidebar width, and footer width will conform wrapper width. |
|---|---|
| Sidebars Width Body width equals to Wrapper width minus Sidebar width . |
100){$sidebar1=100;itx_update_option('layout',100,'sidebar1');}
if($sidebar2>100){$sidebar2=100;itx_update_option('layout',100,'sidebar2');}
}
?>
Sidebar #1 Sidebar #2 'px','%'=>'%'),'layout[sidebarunit]',$sidebarunit,false); ?> Use percentage to make the width flexible, use px to make them fixed. |
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: |