editor_fontcolor_button.naml
<macro name="editor_fontcolor_button">
<n.put_in_head.>
<script type="text/javascript">
Nabble.fontecorDropdown = function() {
Nabble.closeWindows();
$('#corfonte-dropdown').show();
};
</script>
</n.put_in_head.>
<td class="has-dropdown">
<div id="corfonte-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:12em;margin-left:-5em">
<h2><t>Font Color</t></h2>
<div style="margin:.5em 0 1em;">
<button type="button" onclick="Nabble.insert('font color=red')" class="toolbar" style="height:1.65em" title="[t]Red Text[/t]">
<img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontred.png"/>
</button>
<button type="button" onclick="Nabble.insert('font color=green')" class="toolbar" style="height:1.65em" title="[t]Green Text[/t]">
<img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontgreen.png"/>
</button>
<button type="button" onclick="Nabble.insert('font color=blue')" class="toolbar" style="height:1.65em" title="[t]Blue Text[/t]">
<img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontblue.png"/>
</button>
<button type="button" onclick="Nabble.insert('font color=yellow')" class="toolbar" style="height:1.65em" title="[t]Yellow Text[/t]">
<img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontyellowA.png"/>
</button>
<button type="button" onclick="Nabble.insert('font color=white')" class="toolbar" style="height:1.65em" title="[t]White Text[/t]">
<img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontwhite.png"/>
</button>
</div>
</div>
<button type="button" class="toolbar" onclick="Nabble.fontecorDropdown()">
<t>Font Color</t><img src="/images/more.png" width="10" height="10"/>
</button>
</td>
</macro>