Anonymous, bureaucrat, administrator
7,528
edits
Changes
Created page with "= Overview = This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface. = Structu..."
= Overview =
This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface.
= Structures - Page Archetypes =
There are four page archetypes within bxp
# Login
# Main Menu
# Section Menu
# Page
Each of these page types have commonalities.
= Structures - General Presentation =
Within the HTML of the page there is a common framing structure for MOST pages.
<syntaxhighlight lang="html4strict">
<body >
<div id="divBodyAll" class="cssBodyAll">
<div id="divBodyInner" class="cssBodyInner">
<table id="tableBodyInner" border="0" cellspacing="0" cellpadding="0" class="cssMaster_Page">
<tr>
<td><div class="cssMaster_Header">
<form name="form1" id="form1" action="xxxxxxxx.asp" method="post">
</form>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</syntaxhighlight>
Lets look at what the CSS classes do
== General ==
== cssBodyAll ==
<syntaxhighlight lang="css">
.cssBodyAll{
position: absolute;
top: 20%;
margin-top: 0 px;/* half of #content height */
left: 0;
width: 100%;
}
</syntaxhighlight>
== cssBodyInner ==
== cssMaster_Page ==
== cssMaster_Header ==
This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface.
= Structures - Page Archetypes =
There are four page archetypes within bxp
# Login
# Main Menu
# Section Menu
# Page
Each of these page types have commonalities.
= Structures - General Presentation =
Within the HTML of the page there is a common framing structure for MOST pages.
<syntaxhighlight lang="html4strict">
<body >
<div id="divBodyAll" class="cssBodyAll">
<div id="divBodyInner" class="cssBodyInner">
<table id="tableBodyInner" border="0" cellspacing="0" cellpadding="0" class="cssMaster_Page">
<tr>
<td><div class="cssMaster_Header">
<form name="form1" id="form1" action="xxxxxxxx.asp" method="post">
</form>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</syntaxhighlight>
Lets look at what the CSS classes do
== General ==
== cssBodyAll ==
<syntaxhighlight lang="css">
.cssBodyAll{
position: absolute;
top: 20%;
margin-top: 0 px;/* half of #content height */
left: 0;
width: 100%;
}
</syntaxhighlight>
== cssBodyInner ==
== cssMaster_Page ==
== cssMaster_Header ==