Dark Brights

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0 height="100%"><tr> <td valign="top" width=165 BGCOLOR="#99CCCC" TEXT="#080000" bgproperties="fixed" background="0018d503.jpg"> <div> Dark Brights</div> <div> Back to <A HREF="http://www.afewwordsabout.us/webdesigns.htm" TARGET="_top" TITLE="http://www.afewwordsabout.us/webdesigns."><U>CSB Web Designs</U></A></div> <div> <A HREF="http://www.afewwordsabout.us/" TARGET="_top" TITLE="http://www.afewwordsabout.us/"><U>Home Page of Site</U></A></div> </td> <td valign="top" BGCOLOR="#00CC99" TEXT="#080000" background="0044e503.jpg"> <div> Even though I did put a single little quirk into it, this is one of my <I>better </I>designs for a site that's text-heavy. Since all the backgrounds are dark, the white text shows up well. But the quirk is that not all of the backgrounds are the <I>same</I>. What look like color backgrounds are actually solid-color images "standing in" for colors that aren't on the web-safe palette. Each one was made by lifting a color from the left border background, using Paint Shop's eyedropper tool.</div> <bR> <div> This page uses the "Home" layout. </div> <div> Other layouts included in the web design are: </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> To use this web design, copy both of these files into the same folder on your hard drive: </div> <div> Dark Brights .tld file (in download dialogue box, select "save"):  <a href="HTMLobj-38/darkbrights.tld"><u>Dark Brights web design</u> </a>  </div> <div> Dark Brights .bmp file (right-click on image and save as .bmp):  <a href="HTMLobj-39/darkbrights.bmp"><u>Dark Brights thumbnail</u> </a>  </div> <bR> <div> <I>Notes on design elements: </I></div> <div> Here are the background tiles: the border background and the 7 page body colors. The border background is on all of the borders, even those not set to show on the default page layouts. If you save the backgrounds to your hard drive, you can substitute one color for another on any pages you wish. Remember to treat the solid colors like <I>images </I>- they need to be tiled horizontally and vertically. If you sight a color in the border background that you like better than any of these, why not make your own? Short instructions are <A HREF="http://www.afewwordsabout.us/bluegreen/id578.htm" TARGET="_top" TITLE="http://www.afewwordsabout.us/bluegreen/i"><U>here</U></A> for doing it in Paint Shop.  </div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="320" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#CCFFCC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 86 ><NOBR><div> <IMG SRC="0018d500.jpg" border=0 width="141" height="80" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#660000 WIDTH="155"><div> <IMG SRC="0044e500.jpg" border=0 width="78" height="80" ALIGN="LEFT" HSPACE="2" VSPACE="0"><FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >Home page</FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 77 ><NOBR><div> <IMG SRC="0024d4d0.jpg" border=0 width="77" height="77" ALIGN="LEFT" HSPACE="0" VSPACE="0"><FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >Text</FONT></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="155"><div> <IMG SRC="0034d4d0.jpg" border=0 width="77" height="77" ALIGN="LEFT" HSPACE="2" VSPACE="0"><FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >Text -  </FONT></div> <div> Arrow Navigation</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 80 WIDTH="146"><div> <IMG SRC="0074e500.jpg" border=0 width="78" height="80" ALIGN="LEFT" HSPACE="2" VSPACE="0">Text - No Navigation</div> </tD> <tD VALIGN=TOP WIDTH="155"><div> <IMG SRC="0054e500.jpg" border=0 width="78" height="80" ALIGN="LEFT" HSPACE="2" VSPACE="0"><FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >Detail - Arrow Navigation</FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 80 WIDTH="146"><div> <IMG SRC="0064e500.jpg" border=0 width="78" height="80" ALIGN="LEFT" HSPACE="2" VSPACE="0"><FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >Detail - Title Navigation</FONT></div> </tD> <tD VALIGN=TOP WIDTH="155"><div> <FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><IMG SRC="0174d4d0.jpg" border=0 width="77" height="77" ALIGN="LEFT" HSPACE="2" VSPACE="0"></FONT>Presentation</div> </tD> </tR> </TABLE></div> <bR> <div> The navigation arrows used in this web design were also made using Paint Shop and can be copied to your hard drive for future use: </div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="177" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#CCFFCC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 40 ><NOBR><div> <IMG SRC="00822210.jpg" border=0 width="34" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <IMG SRC="00922210.jpg" border=0 width="34" height="33" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <IMG SRC="00a21220.jpg" border=0 width="33" height="34" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <IMG SRC="00b21220.jpg" border=0 width="33" height="34" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <div> <A HREF="index_m.htm" TITLE="Dark Brights"><U><IMG SRC="0256f2b0.jpg" border=0 width="111" height="43" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <bR> </td> </tr></table></body>