Как настроить HELP-TOOLTIP-WIDGEDT

div {
display: block;
}

#blue {
border: 1px solid #9DBDFF;
background-color: #E1EBFF;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#gray {
border: 1px solid #B5B5B5;
background-color: #F4F4F4;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#green {
border: 1px solid #0C0;
background-color: #E1FFD7;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#green {
border: 1px solid #0C0;
background-color: #E1FFD7;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#red {
border: 1px solid #E89B88;
background-color: #FFEFE8;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

$BBCODES$

   
     <span style="padding-right:1px;">
  <input type="button" class="codeButtons" onclick="simpletag('red','','','message','');return false;" value="red" id="red" title="Блок red div"></span>
   
   
    <span style="padding-right:1px;">
  <input type="button" class="codeButtons" onclick="simpletag('blue','','','message','');return false;" value="blue" id="blue" title="Блок blue div"></span>
     
    <span style="padding-right:1px;">
  <input type="button" class="codeButtons" onclick="simpletag('gray','','','message','');return false;" value="gray" id="gray" title="Блок gray div"></span>
      
     <span style="padding-right:1px;">
  <input type="button" class="codeButtons" onclick="simpletag('green','','','message','');return false;" value="green" id="green" title="Блок green div"></span>
      
      
     <span style="padding-right:1px;">
  <input type="button" class="codeButtons" onclick="simpletag('black','','','message','');return false;" value="black" id="black" title="Блок black div"></span>
      
      
      
      
  <!-- Конец красивого bbcodes buttons-->

<!-- начало Специалный вид BBCODES для окружение текста с цветными тегами -->
      
     <?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){  
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[blue]')!=-1){
s=s.replace('[blue]','<div id="blue" style="margin:7px 5px 7px 30px;padding:3px 10px 7px 25px;">');s=s.replace('[/blue]','</div>');
e[k].innerHTML=s;
}}};  
</script>
<?endif?>
      
      
      <?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){  
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[red]')!=-1){
s=s.replace('[red]','<div id="red" style="margin:7px 5px 7px 30px;padding:3px 10px 7px 25px;">');s=s.replace('[/red]','</div>');
e[k].innerHTML=s;
}}};  
</script>
<?endif?>
      
      
     <?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){  
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[gray]')!=-1){
s=s.replace('[gray]','<div id="gray" style="margin:7px 5px 7px 30px;padding:3px 10px 7px 25px;">');s=s.replace('[/gray]','</div>');
e[k].innerHTML=s;
}}};  
</script>
<?endif?>
      
    <?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){  
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[green]')!=-1){
s=s.replace('[green]','<div id="green" style="margin:7px 5px 7px 30px;padding:3px 10px 7px 25px;">');s=s.replace('[/green]','</div>');
e[k].innerHTML=s;
}}};  
</script>
<?endif?>
      
      
     <?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=15;k<e.length;k++){  
if(e[k].className=='posttdMessage'){
s=e[k].innerHTML;
while(s.indexOf('[black]')!=-1){
s=s.replace('[black]','<div id="black" style="margin:7px 5px 7px 30px;padding:3px 10px 7px 25px;">');s=s.replace('[/black]','</div>');
e[k].innerHTML=s;
}}};  
</script>
<?endif?>
      
      
      

   
  <!-- конец Специалный вид BBCODES для окружение текста с цветными тегами -->

div {
display: block;
}

#blue {
border: 1px solid #9DBDFF;
background-color: #E1EBFF;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#gray {
border: 1px solid #B5B5B5;
background-color: #F4F4F4;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#green {
border: 1px solid #0C0;
background-color: #E1FFD7;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#black {
border: 1px solid #090700;
background-color: #443c3c;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#red {
border: 1px solid #E89B88;
background-color: #FFEFE8;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#yellow {
border: 1px solid #f4c430;
background-color: #ffff00;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}

#blue2 {
border: 1px solid #1a4780;
background-color: #0000ff;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color: black;
}