Bandwidth Miser Wegpage Layout by Bannerzrus

This layout is low bandwidth and quick loading but still Pops. There are no images and decorative elements or text highlights are made using CSS codes. Experiment with different color schemes, border styles, scrollbar colors, etc. Simple explanation of the codes are included in the html cut and paste code.

The border accents are CSS code instead of images. Experiment with the different border accents. They are:
: dotted
: dashed
: solid
: double
: groove
: ridge
: inset
: outset

To draw even more attention to important aspects of your webpage use a CSS code to highlight the first letter in each paragraph.

Use some CSS coding to highlight text or new sections.

Cut and Paste Code for this Layout

<STYLE type="text/css">
body {scrollbar-face-color:#A3EODF;
      scrollbar-base-color:#A3EODF;
      scrollbar-track-color:#A3EODF;
      scrollbar-highlight-color:#97CBC7;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#97CBC7;
      scrollbar-arrow-color:#000000;
border:5 groove #A3EODF;}-->
--></STYLE>

<style type="text/css">

</style>

<title>Bandwidth Miser Wegpage Layout by Bannerzrus</title>
</head>

<body text="#000066" bgcolor="#A3EODF" link="#000066" vlink="#000066" alink="#000066">
 
<center><table style="border: 5px dotted" CELLSPACING=0 COLS=1 WIDTH="750" BGCOLOR="#C2F5F1" >
<tr VALIGN=TOP>
<td>
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=8 COLS=1 WIDTH="750" BGCOLOR="#97CBC7" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<center><table BORDER=0 CELLSPACING=0 COLS=1 WIDTH="750" BGCOLOR="#D5FCF8" >
<tr>
<td>
<center><table BORDER=0 CELLSPACING=0 COLS=1 WIDTH="100%" >
<tr VALIGN=TOP>
<td VALIGN=TOP BGCOLOR="#C2F5F1">
<center><table BORDER=0 CELLSPACING=2 CELLPADDING=6 COLS=1 WIDTH="100%" >
<tr VALIGN=TOP>
<td VALIGN=TOP><font face="Verdana"><font color="#97CBC7"><font size=+2>You may want to put your website name here</font></font></font></td>
</tr>
</table></center>
<font color="#000066"> </font></td>
</tr>

<tr VALIGN=TOP>
<td VALIGN=TOP BGCOLOR="#B5EBE7">
<center><table style="border: 1px dashed" CELLSPACING=2 CELLPADDING=2 COLS=1 WIDTH="100%" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<div align=right><font face="Verdana"><font color="#000066"><font size=1>Some
Links * Some Links * Some Links * Some Links * Some Links</font></font></font></div>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>

<table BORDER=0 CELLSPACING=0 WIDTH="180" BGCOLOR="#FFFFFF" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<center><table BORDER=0 CELLSPACING=0 COLS=1 WIDTH="180" BGCOLOR="#B5EBE7" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<center><table style="border: 1px dashed" CELLSPACING=4 CELLPADDING=4 COLS=1 WIDTH="100%" >
<tr VALIGN=TOP>
<td VALIGN=TOP><font face="Verdana"><font color="#000066"><font size=1>•   More
Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>
</td>
</tr>
</table>

<table BORDER=0 CELLSPACING=0 WIDTH="180" BGCOLOR="#FFFFFF" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<center><table border=0 CELLSPACING=0 COLS=1 WIDTH="180" BGCOLOR="#B5EBE7" >
<tr VALIGN=TOP>
<td VALIGN=TOP>
<center><table style="border: 1px dashed" CELLSPACING=4 CELLPADDING=4 COLS=1 WIDTH="100%" >
<tr VALIGN=TOP>
<td VALIGN=TOP><font face="Verdana"><font color="#000066"><font size=1>•   More
Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br><font face="Verdana"><font color="#000066"><font size=1>•   More Links</font></font></font>
<br>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>
</td>
</tr>
</table>
</td>

<p class="myparagraph">This layout is low bandwidth and quick loading but still Pops.  Experiment with different color schemes, border styles, scrollbar colors, etc.  Simple explanation of the codes are included in the html cut and paste code.

<br><br>
<p class="myparagraph">The border accents are CSS code instead of images.  Experiment with the different border accents.  They are:
<br>
: dotted
<br>
: dashed
<br>
: solid
<br>
: double
<br>
: groove
<br>
: ridge
<br>
: inset
<br>
: outset

<br><br>
<p class="myparagraph">Use some CSS coding to highlight text or new sections.
<br>
<font style="background color: #97CBC7;color: #ffffff;font-size:10pt;font-weight:bold;">Text Goes Here</font>
<br><br>
<p class="myparagraph">To draw even more attention to important aspects of your webpage use a CSS code to highlight the first letter in each paragraph.
<br><br>
<br>
<b>Simple explanation of the CSS codes are included in the html coding in the cut and paste code.</b>

</font></font></font>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</tr>
</table></center>
</td>
</tr>
</table></div>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>
</td>
</tr>
</table></center>

</body>
</html>

Simple explanation of the CSS codes are included in the html coding in the cut and paste code above.

To Cut and Paste: Place cursor inside box with cut and paste coding. Right click and select "Select All" (text will be highlighted). Right click again and select "Copy". Open a new notepad file (or whatever editor used) and select "Paste".

Layout by Bannerzrusgraphics
© 2007 Bannerzrusgraphics.com