Design Options

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=120 BGCOLOR="#003366" TEXT="#F7F7FF" bgproperties="fixed" background="8a000781dkcfqa.jpg"> <div> <B> <SCRIPT> // CREDITS: // Right-To-Left Scroller // By Urs Dudli and Peter Gehrig // Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 8/31/2002 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create your own text animation // with our new Text Factory. var text=new Array() var textlink=new Array() var texttarget=new Array() text[0]="SIMPLE - AFFORDABLE WEB DESIGN - WITH GOOD OLD FASHIONED SERVICE" textlink[0]="#" texttarget[0]="_blank" var textfont="Arial" var textfontcolor="#000000" var textfontcolora="#000000" var textfontcolorb="#aaaa66" var textfontcolorc="#dddd66" var textfontcoloraa="#fffeff" var textfontcolorbb="#ff0000" var textfontcolorrollover="#ff0000" var textfontsize=10 var textfontsizeHTML=2 var textdecoration="none" var textbgcolor="#003366" var textbgcolora="#ffffff" var textbgcolorb="#dddddd" var textweight="bold" var textweightA="<b>" var textweightB="</b>" var textitalic="normal" var textitalicA="" var textitalicB="" var textwidth=600 var textheight=25 var textpause=2000 var textborder=0 var textbordercolor="#ff9000" var textalignonly="center" var i_text=0 var textcontent="" var thisspan="" var content="" var contentbg="" var toggle=1 var timer var scrollready=true var tablewidth var tableheight var textfontcolortoggle=new Array() var toggle=1 var step=2; var content var padding=3 var textcontentheight var textcontentwidth var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var ns4=document.layers?1:0 getcontent() function getcontent() { if (ie || ns6) { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder content="<table width="+tablewidth+" height="+tableheight+" cellpadding=3 cellspacing=0 border=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolortoggle[i]+"\'\">" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } else { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder contentbg="<table width="+tablewidth+" height="+tableheight+"><tr><td><font color="+textbgcolor+">hi</font></td></tr></table>" content="<table height="+textheight+" cellpadding=0 cellspacing=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" >" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } } if (ns4) { toggle=1 document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<ilayer name="marker" bgcolor="'+textbordercolor+'" width='+textwidth+' height='+textheight+'></ilayer>'); document.write('</td></tr></table>') document.write('<layer name="tickerbg" left='+textborder+' top='+textborder+' width='+(textwidth-4*textborder)+' height='+(textheight-2*textborder)+' bgcolor='+textbgcolor+' visibility=hide>'+contentbg+'</layer>') document.write('<layer left=-50000 name="ticker" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">loading</layer>'); } if (ie || ns6) { document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'" ></div>'); document.write('</td></tr></table>') if (ns6) { var tablewidth=textwidth-2*textborder var tableheight=textheight-2*textborder } else { var tablewidth=textwidth var tableheight=textheight } document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';visibility:hidden;overflow:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">') document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">'+content+'</span>') document.write('</div>') if (ns6) { document.write('<span ID="tickersize" style="position:absolute;top:0px;left:-5000px;visibility:hidden">'+content+'</span>') } } function doscroll(){ if (scrollready) { if(ns4){ document.ticker.left+=-step; if (document.ticker.left<document.marker.pageX+1*textborder) { document.ticker.clip.left+=step; } document.ticker.clip.right+=step; if(document.ticker.left<-textcontentwidth+document.marker.pageX) { document.ticker.left=textwidth+document.marker.pageX-1*textborder; document.ticker.clip.left=0 document.ticker.clip.right=0 } } if (ie) { document.all.ticker.style.posLeft+=-step if (document.all.ticker.style.posLeft<-textcontentwidth) { document.all.ticker.style.posLeft=textwidth } } if (ns6) { document.getElementById('ticker').style.left=parseInt(document.getElementById('ticker').style.left)-step if (parseInt(document.getElementById('ticker').style.left)<-textcontentwidth) { document.getElementById('ticker').style.left=textwidth } } timer=setTimeout("doscroll()",50) } else { clearTimeout(timer) } } function DL_GetElementLeft(eElement) { var nLeftPos = eElement.offsetLeft; var eParElement = eElement.offsetParent; while (eParElement != null) { nLeftPos += eParElement.offsetLeft; eParElement = eParElement.offsetParent; } return nLeftPos; } function DL_GetElementTop(eElement) { var nTopPos = eElement.offsetTop; var eParElement = eElement.offsetParent; while (eParElement != null) { nTopPos += eParElement.offsetTop; eParElement = eParElement.offsetParent; } return nTopPos; } function initscroller(){ if (ns4) { getcontent() var thisspan=eval("document.ticker") thisspan.document.clear() thisspan.document.write(content) thisspan.document.close() textcontentwidth=thisspan.clip.right document.tickerbg.left=document.marker.pageX+1*textborder document.tickerbg.top=document.marker.pageY+1*textborder thisspan.left=document.marker.pageX-1*textborder+textwidth thisspan.top=document.marker.pageY thisspan.clip.width=textcontentwidth; thisspan.clip.height=textheight; thisspan.clip.left=0 thisspan.clip.right=0 document.tickerbg.visibility="show"; thisspan.visibility="show"; } if (ie) { textcontentwidth=document.all.ticker.clientWidth document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker); document.all.roof.style.posTop=DL_GetElementTop(document.all.marker); document.all.ticker.style.posLeft=textwidth document.all.ticker.style.clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.all.roof.style.visibility="visible"; document.all.ticker.style.visibility="visible"; } if (ns6) { textcontentwidth=document.getElementById('tickersize').offsetWidth document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker')); document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker')); document.getElementById('ticker').style.left=textwidth document.getElementById('ticker').clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.getElementById('roof').style.visibility="visible"; document.getElementById('ticker').style.visibility="visible"; } doscroll() } function setscrollready(whatanswer) { if (whatanswer==1) { scrollready=true checkscroll() } else { scrollready=false } } function checkscroll() { clearTimeout(timer) if (scrollready) { doscroll() } } function reopenpage() { history.go(0) } window.onresize=reopenpage window.onload=initscroller </script>  </B></div> <div> </div> </td> </tr><tr> <td valign="top" width=180 BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="84bc8253.jpg"> <div> <B> <TABLE BORDER="4" CELLPADDING="3" CELLSPACING="3" WIDTH="164" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#FFFFFF" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Dinky Di</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="about_design.htm" TARGET="_top" TITLE="About Web Design">About Web Design</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I need a Website ?</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options"><B>Design Options</B></A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q's</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </tD> </tR> </TABLE></B></div> <bR> </td> <td valign="top" height=360 width="100%" BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="510" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 16 WIDTH="504"><div> <B>DESIGN OPTIONS</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 65 WIDTH="504"><div> Design options are usually to the individuals taste, or to follow an existing theme which can be incorporated into the web design.</div> <div> Sometimes we need a base to start with.  The following pages can provide ideas.</div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="503" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#003366 HEIGHT= 32 WIDTH="493"><div> <B>DEMOS OF SOME SPECIAL EFFECTS</B></div> <div> <B>WHICH CAN BE USED ON YOUR NEW SITE.</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 206 WIDTH="246"><div> <A HREF="http://www.dinkydiwebdesign.com/templates.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/template"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Templates</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/clipart.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/clipart."><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Bullets - Arrows - Buttons</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/clipart_1.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/clipart_"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Separators</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/pedigree.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/pedigree"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Pedigrees</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/scrollers.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/scroller"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Scrollers Horizontal</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/scroller.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/scroller"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Scroller Vertical</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/starburst.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/starburs"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Starburst</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/magnet.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/magnet.h"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Magnet Slide Show</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/lake.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/lake.htm"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The Lake</A>  <FONT SIZE="1" COLOR="#000066" FACE="Verdana" ><I>This effect can take a little while to download - Please be patient.</I></FONT></div> <div> <A HREF="http://www.dinkydiwebdesign.com/slide_show.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/slide_sh"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Slide Show</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/albums.htm" TARGET="_parent" TITLE="http://www.dinkydiwebdesign.com/albums.h"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Photo Album</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/text_effects.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/text_eff"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Text Effects</A></div> </tD> <tD VALIGN=TOP BGCOLOR=#FFFFFF WIDTH="246"><div> <A HREF="http://www.dinkydiwebdesign.com/animations.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/animatio"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Animations</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/trailer.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/trailer."><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Cursor Trailer</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/flash.htm" TARGET="_top" TITLE="http://www.dinkydiwebdesign.com/flash.ht"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Simple Flash</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/cube.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/cube.htm"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Cube Slide Show</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/floating.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/floating"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Floating Images</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/fireworks.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/firework"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Fireworks</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/bookflip.htm" TARGET="_parent" TITLE="http://www.dinkydiwebdesign.com/bookflip"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Book Flip</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/fireworks1.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/firework"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Fireworks with Sound</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/lightning.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/lightnin"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Lightning Applet</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/mouseovers.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/mouseove"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Mouse Over Effects</A></div> <div> <A HREF="http://www.dinkydiwebdesign.com/videos.htm" TARGET="_blank" TITLE="http://www.dinkydiwebdesign.com/videos.h"><IMG BORDER="0" SRC="Symb075c00b700c866330000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Video Placement</A></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#003366 HEIGHT= 16 WIDTH="493"><div> <B>More samples coming soon.</B></div> </tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> <bR> <bR> <div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A>  |  <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Us</A>   |   <A HREF="about_design.htm" TARGET="_top" TITLE="About Web Design">About Web Design</A>   |   <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I Need A Website ?</A>   |   <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A>   |   <B>Design Options</B>   |   <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A>   |   <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A>   |   <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A>   |   <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q.'s</A>   |   <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </td> </tr></table></body>