Code:
<tr>
<td bgcolor="[color=red]#343F42[/color]">
<table cellspacing="0" cellpadding="2" border="0"><tr>
<td>
<select name="font" onchange="insertCode('font', this.options[this.selectedIndex].value)">
<option value="-">Font</option>
<option value="Arial">Arial</option>
<option value="Courier">Courier</option>
<option value="Impact">Impact</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Verdana">Verdana</option>
</select>
</td>
<td>
<select name="size" onchange="insertCode('size', this.options[this.selectedIndex].value)">
<option value="-">Size</option>
<option value="1">Small</option>
<option value="2">Medium</option>
<option value="3">Large</option>
<option value="4">Largest</option>
</select>
</td>
<td>
<select name="color" onchange="insertCode('color', this.options[this.selectedIndex].value)">
<option value="-">Color</option>
<option value="white" style="color:white;">White</option>
<option value="black" style="color:black;">Black</option>
<option value="red" style="color:red;">Red</option>
<option value="yellow" style="color:yellow;">Yellow</option>
<option value="pink" style="color:pink;">Pink</option>
<option value="green" style="color:green;">Green</option>
<option value="orange" style="color:orange;">Orange</option>
<option value="purple" style="color:purple;">Purple</option>
<option value="blue" style="color:blue;">Blue</option>
<option value="beige" style="color:beige;">Beige</option>
<option value="brown" style="color:brown;">Brown</option>
<option value="teal" style="color:teal;">Teal</option>
<option value="navy" style="color:navy;">Navy</option>
<option value="maroon" style="color:maroon;">Maroon</option>
<option value="limegreen" style="color:limegreen;">LimeGreen</option></select>
</select>
</td>
</tr></table>
</td>
<td nowrap bgcolor="[color=red]#343F42[/color]" align="right"><input type="button" style="color: red; font: bold 11px verdana" value="close tags" onclick="closeTags()"></font></td>
</tr>
<tr>
<td nowrap bgcolor="[color=red]#343F42[/color]" colspan="2">
<table cellspacing="0" cellpadding="0" border="0"><tr>
<td>
<img name="b" src="./images/codebuttons/bold.gif" onclick="insertCode('b')" class="toolbar_normal" onMouseOver="toolbarHover('b')" onMouseOut="toolbarUnHover('b')" onMouseDown="toolbarMouseDown('b')" alt="Insert BOLD text">
<img name="i" src="./images/codebuttons/italics.gif" onclick="insertCode('i')" class="toolbar_normal" onMouseOver="toolbarHover('i')" onMouseOut="toolbarUnHover('i')" onMouseDown="toolbarMouseDown('i')" alt="Insert ITALICS text">
<img name="u" src="./images/codebuttons/underline.gif" onclick="insertCode('u')" class="toolbar_normal" onMouseOver="toolbarHover('u')" onMouseOut="toolbarUnHover('u')" onMouseDown="toolbarMouseDown('u')" alt="Insert UNDERLINED text">
<img src="./images/codebuttons/sep.gif" class="toolbar_normal">
<img name="align_left" src="./images/codebuttons/align_lef.gif" onclick="insertCode('align', 'left')" class="toolbar_normal" onMouseOver="toolbarHover('align_left')" onMouseOut="toolbarUnHover('align_left')" onMouseDown="toolbarMouseDown('align_left')" alt="Align text to the left">
<img name="align_center" src="./images/codebuttons/align_center.gif" onclick="insertCode('align', 'center')" class="toolbar_normal" onMouseOver="toolbarHover('align_center')" onMouseOut="toolbarUnHover('align_center')" onMouseDown="toolbarMouseDown('align_center')" alt="Align text to the center">
<img name="align_right" src="./images/codebuttons/align_right.gif" onclick="insertCode('align', 'right')" class="toolbar_normal" onMouseOver="toolbarHover('align_right')" onMouseOut="toolbarUnHover('align_right')" onMouseDown="toolbarMouseDown('align_right')" alt="Align text to the right">
<img name="align_justify" src="./images/codebuttons/align_justify.gif" onclick="insertCode('align', 'justify')" class="toolbar_normal" onMouseOver="toolbarHover('align_justify')" onMouseOut="toolbarUnHover('align_justify')" onMouseDown="toolbarMouseDown('align_justify')" alt="Justified text">
<img src="./images/codebuttons/sep.gif">
<img name="list_num"src="./images/codebuttons/list_num.gif" onclick="insertCode('list', '1')" class="toolbar_normal" onMouseOver="toolbarHover('list_num')" onMouseOut="toolbarUnHover('list_num')" onMouseDown="toolbarMouseDown('list_num')" alt="Insert numbered list">
<img name="list_bullet" src="./images/codebuttons/list_bullet.gif" onclick="insertCode('list')" class="toolbar_normal" onMouseOver="toolbarHover('list_bullet')" onMouseOut="toolbarUnHover('list_bullet')" onMouseDown="toolbarMouseDown('list_bullet')" alt="Insert bulleted list">
<img src="./images/codebuttons/sep.gif">
<img name="img"src="./images/codebuttons/image.gif" onclick="insertCode('img')" class="toolbar_normal" onMouseOver="toolbarHover('img')" onMouseOut="toolbarUnHover('img')" onMouseDown="toolbarMouseDown('img')" alt="Insert image">
<img name="url" src="./images/codebuttons/url.gif" onclick="insertCode('url')" class="toolbar_normal" onMouseOver="toolbarHover('url')" onMouseOut="toolbarUnHover('url')" onMouseDown="toolbarMouseDown('url')" alt="Insert Hyperlink">
<img name="email" src="./images/codebuttons/email.gif" onclick="insertCode('email')" class="toolbar_normal" onMouseOver="toolbarHover('email')" onMouseOut="toolbarUnHover('email')" onMouseDown="toolbarMouseDown('email')" alt="Insert Email Address">
<img src="./images/codebuttons/sep.gif">
<img name="quote" src="./images/codebuttons/quote.gif" onclick="insertCode('quote')" class="toolbar_normal" onMouseOver="toolbarHover('quote')" onMouseOut="toolbarUnHover('quote')" onMouseDown="toolbarMouseDown('quote')" alt="Insert quoted text">
<img name="code" src="./images/codebuttons/code.gif" onclick="insertCode('code')" class="toolbar_normal" onMouseOver="toolbarHover('code')" onMouseOut="toolbarUnHover('code')" onMouseDown="toolbarMouseDown('code')" alt="Insert formatted code">
</td>
</tr></table>
</td>
</tr>
<tr>
<td bgcolor="[color=red]#343F42[/color]" colspan="2"><span class="smalltext"><input type="radio" name="mode" value="normal" onClick="changeMode('normal')"> Normal Mode <input type="radio" name="mode" value="advanced" onClick="changeMode('advanced')"> Advanced Mode</span></td>
</tr>
<script language='Javascript' src='codebuttons.js'></script>