I would like to take away the drop downs and create pop ups for the font size and font style with the user able to select size and in the pop up an example of the output size would look like, same goes for the font style it would show what the font looks like upon posting and then for font color i would like to try and get the colors in a colum right below the UBBC icons or the smilies but the thing is ...i dont know how to modify the codes for this to happen :'(

Code:
// Print a drop down list for all the colors we allow!  // Begin Print a drop down list for font face . . . . . . .
    echo ' <select onchange="surroundText(\'[font=\'+this.options[this.selectedIndex].value+\']\', \'[/font]\', document.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0;" style="margin-bottom: 1ex;">
            <option value="" selected="selected">Font Face</option>
            <option value="Arial">Arial</option>
            <option value="Times New Roman">Times New Roman</option>
            <option value="Tahoma">Tahoma</option>
            <option value="Verdana">Verdana</option>
            <option value="Trebuchet MS">Trebuchet MS</option>
	        <option value="Comic Sans MS">Comic Sans Ms</option>
			<option value="Georgia">Georgia</option>
		    <option value="Courier">Courier</option>
	
            </select>';
  // End Print a drop down list for font face . . . . . . . .

  // Begin Print a drop down list for font size . . . . . . .
    echo ' <select onchange="surroundText(\'[size=\'+this.options[this.selectedIndex].value+\']\', \'[/size]\', document.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0;" style="margin-bottom: 1ex;">
            <option value="" selected="selected">Font Size</option>
            <option value="10pt">10pt</option>
            <option value="12pt">12pt</option>
            <option value="14pt">14pt</option>
            <option value="16pt">16pt</option>
            <option value="18pt">18pt</option>
            </select>';
    echo '<br />';
  // End Print a drop down list for font size . . . . . . . .
   // Java script to handle URL input boxes ...
    echo '<script language="JavaScript" type="text/javascript">
          function urlINPT(){
          	var urlLINK = prompt("Please enter URL address:","http://");
          	if (urlLINK == null ){ 
          	}
          	else if (urlLINK == "" || urlLINK == " "){ 
          	        alert("Sorry no text entered!");
          	}
          	else
          	{ 
          	var urlNAME = prompt("Please enter URL name:","");
          	if (urlNAME == null ){ 
          	}
          	else if (urlNAME == "" || urlNAME == " "){  //ok pressed but with notext so use URL only!
                    surroundText(\'\'+urlLINK+\'\', \'\', document.', $context['post_form'], '.', $context['post_box_name'], ');
          	}
          	else //ok pressed with text so use URL and Name!
                    surroundText(\'\'+urlNAME+\'\', \'\', document.', $context['post_form'], '.', $context['post_box_name'], ');
          	}
          }
          </script>';

		if (!isset($context['disabled_tags']['color']))
			echo ' <select onchange="surroundText(\'[color=\' + this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/color]\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0; document.forms.', $context['post_form'], '.', $context['post_box_name'], '.focus(document.forms.', $context['post_form'], '.', $context['post_box_name'], '.caretPos);" style="margin-bottom: 1ex;">
							<option value="" selected="selected">', $txt['change_color'], '</option>
			
			                <option value="Black" style="color:black;">', $txt[262], '</option>
							<option value="Red" style="color:red;">', $txt[263], '</option>
							<option value="Crimson"style="color:crimson;">Crimson</option>
							<option value="Navy" style="color:navy;">', $txt[273], '</option>
                            <option value="Blue" style="color:blue;">', $txt[269], '</option>
							<option value="Cornflowerblue"style="color:cornflowerblue;">Corn Flower Blue</option>
                            <option value="Cyan" style="color:cyan;">Cyan</option>
                            <option value="Deepskyblue"style="color:deepskyblue;">Deepskyblue</option>
							<option value="Teal" style="color:teal;">', $txt[272], '</option>
							<option value="Green" style="color:green;">', $txt[266], '</option>
							<option value="LimeGreen" style="color:limegreen;">', $txt[275], '</option>
							<option value="Purple" style="color:purple;">', $txt[268], '</option>
							<option value="Brown" style="color:brown;">', $txt[271], '</option>
							<option value="Maroon" style="color:maroon;">', $txt[274], '</option>
                            <option value="Goldenrod"style="color:goldenrod;">Goldenrod</option>
							<option value="Orange" style="color:orange;">', $txt[267], '</option>
							<option value="Pink" style="color:pink;">', $txt[265], '</option>
							<option value="Yellow" style="color:yellow;">', $txt[264], '</option>
                          	<option value="Cornsilk"style="color:cornsilk;">Cornsilk</option>						</select>';
		echo '<br />';
If an example of what the output would look like then at least i want to try to have pop ups and im not meaning like a pop up for ads but like save if i clicked on the URL BB button and it would Say "Put Site URL Here" and then select ok, and then it when also say What Text Would You Like? and then press ok and it would then display in the message area what you put in the URL and in for the text but in the UBBC way