Creating a container for the Home page text

Now we will create gray and blue web part containers for our home page text. You can reuse containers for any other web parts later. If you do not wish to use web part containers, you can alternatively insert the surrounding code directly into the HTML layout of your page template.

Creating the web part containers

1. Open the Web part containers application.
2. Click New container.
3. Enter the following values:

   • Display name: My website gray box

   • HTML code:

     HTML

     Copy

     <table style="width: 100%;" cellspacing="0" cellpadding="0" border="0" class="ContainerWithCorners">
         <tr class="ContainerWithCornersRow">
             <td class="ContainerWithCornersTopLeft">&nbsp;</td>
             <td class="ContainerWithCornersTop">&nbsp;</td>
             <td class="ContainerWithCornersTopRight">&nbsp;</td>
         </tr>
         <tr>
             <td class="ContainerWithCornersLeft">&nbsp;</td>
             <td class="ContainerWithCornersContent" valign="top">
                 □
             </td>
             <td class="ContainerWithCornersRight">&nbsp;</td>
         </tr>
         <tr class="ContainerWithCornersRow">
             <td class="ContainerWithCornersBottomLeft">&nbsp;</td>
             <td class="ContainerWithCornersBottom"></td>
             <td class="ContainerWithCornersBottomRight">&nbsp;</td>
         </tr>
     </table>