Blue Circles

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0 height="100%"><tr> <td valign="top" width=220 BGCOLOR="#666699" TEXT="#080000" background="001d2e83.jpg"> <div> <B>Blue Circles</B></div> <div> <B><IMG SRC="051af050.jpg" border=0 width="175" height="5" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <B>(This is the home page layout.)</B></div> <bR> <div> <B>Back to: </B><A HREF="http://www.afewwordsabout.us/webdesigns.htm" TARGET="_top" TITLE="http://www.afewwordsabout.us/webdesigns."><U><B>CSB Web Designs</B></U></A></div> <div> <B>Back to: site </B><A HREF="http://www.afewwordsabout.us/" TARGET="_top" TITLE="http://www.afewwordsabout.us/"><U><B>home</B></U></A><B>. </B></div> <bR> <bR> </td> <td valign="top" BGCOLOR="#FFFFFF" TEXT="#080000" background="00825213.jpg"> <div> <B>Page Layouts:</B></div> <div> <A HREF="id1.htm" TARGET="_top" TITLE="Text"><U>Text</U></A></div> <div> <A HREF="id4.htm" TARGET="_top" TITLE="Text Arrow Navigation"><U>Text- Arrow Navigation</U></A></div> <div> <A HREF="id5.htm" TARGET="_top" TITLE="Text No Navigation"><U>Text - No Navigation</U></A></div> <div> <A HREF="id6.htm" TARGET="_top" TITLE="Detail Arrow Navigation"><U>Detail - Arrow Navigation</U></A></div> <div> <A HREF="id7.htm" TARGET="_top" TITLE="Detail Title Navigation"><U>Detail - Title Navigation</U></A></div> <div> <A HREF="id8.htm" TARGET="_top" TITLE="Presentation"><U>Presentation</U></A></div> <div> <A HREF="id9.htm" TARGET="_top" TITLE="Container Page"><U>Container Page</U></A></div> <bR> <div> <B>To use this web design, download both of these files into the same folder on your hard drive: </B></div> <div> Download Blue Circles .tld file:  <a href="HTMLobj-82/blue_circles.tld"><u>Blue Circles web design</u> </a>  </div> <div> Download Blue Circles .bmp file (be sure to save as .bmp):    <a href="HTMLobj-45/blue_circles.bmp"><u>Blue Circles thumbnail</u> </a>  </div> <bR> <div> <B>Notes on the layout elements: </B></div> <div> This web design is built on the GlobalSCAPE "Amethyst" web design (as is all of this site except for the tiling background collection).  The left border image for this design is retained from the Amethyst design, so is not available as a separate element. (I did make one change by extending the left border width 10 pixels beyond the original, to add the little band of blue-violet background to the left of the white edge. If you want the left border to stop with the white band, you can go to Format>Page layouts and decrease the left border width by 10 pixels. But I felt the extension make it look more three-dimensional.)</div> <div> Other elements are available below for copying to your hard drive and using in connection with the web design: </div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="694" BORDERCOLORLIGHT="#999999" BORDERCOLORDARK="#330000" FRAME="BOX" RULES="COLS" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 36 ><NOBR><div> <B>Page body</B></div> <div> <B>background</B></div> </NOBR></tD> <tD VALIGN=TOP COLSPAN=2><NOBR><bR> <div> <B>Navigation arrows</B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="417"><div> <B>Dividers: The line used in the left border is a cropped version of the bottom one shown here. </B></div> </tD> </tR> <tR> <tD VALIGN=CENTER BGCOLOR=#FFFFFF HEIGHT= 71 WIDTH="90"><div> <IMG SRC="00825210.jpg" border=0 width="37" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </tD> <tD VALIGN=CENTER COLSPAN=2 BGCOLOR=#FFFFFF><NOBR><div> <IMG SRC="00423230.jpg" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="00523230.jpg" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="00223230.jpg" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="00323230.jpg" border=0 width="35" height="35" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=CENTER BGCOLOR=#FFFFFF><NOBR><div> <IMG SRC="01a2c0c0.jpg" border=0 width="300" height="12" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <IMG SRC="00690050.jpg" border=0 width="400" height="5" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> Below are some other graphics that coordinate with the design:</div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="599" BORDERCOLORLIGHT="#999999" BORDERCOLORDARK="#330000" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER BGCOLOR=#FFFFFF HEIGHT= 241 ><NOBR><div> <IMG SRC="01c96370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <IMG SRC="01d25210.jpg" border=0 width="37" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  <IMG SRC="01e25210.jpg" border=0 width="37" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  <IMG SRC="01f25210.jpg" border=0 width="37" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  <IMG SRC="0204b190.jpg" border=0 width="75" height="25" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <IMG SRC="028fa5f0.jpg" border=0 width="250" height="95" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#FFFFFF><NOBR><div> <IMG SRC="02196370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="02296370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <IMG SRC="02396370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="02496370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <IMG SRC="02596370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="02696370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <IMG SRC="02796370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="02a96370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> All of the graphics above were made by myself using Paint Shop. Permission is given to use them on your website(s) and to pass them freely to others, but not to sell them or contain them in any package that is offered for a price. If you use them, a link back to this site would be appreciated. </div> <DIV ALIGN="LEFT"></DIV> <div> <A HREF="index_m.htm" TITLE="Blue Circles"><U><IMG SRC="02a96370.jpg" border=0 width="150" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <bR> </td> </tr></table></body>