editor_subheaders_button.naml
<override_macro name="editor_subheaders_button">
<n.put_in_head.>
<script type="text/javascript">
Nabble.headersDropdown = function() {
Nabble.closeWindows();
$('#headers-dropdown').show();
};
</script>
</n.put_in_head.>
<td class="has-dropdown">
<div id="headers-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:25em;margin-left:-15em">
<h2><t>Adding Formatting</t></h2>
<t>Click these buttons to add formatting to your post and then type your text where the dots are in these examples: <t.example1.bold text="<h2>...</h2>"/> or <t.example2.bold text="<h3>...</h3>"/> </t>
<div style="margin:.5em 0 1em;">
<t>Insert</t>
<button type="button" class="toolbar" onclick="Nabble.insert('ol')"><t>Ordered List</t></button>
<button type="button" class="toolbar" onclick="Nabble.insert('li')"><t>List Item</t></button>
<button type="button" class="toolbar" onclick="Nabble.insert('p')"><t>Line Feed</t></button>
<button type="button" class="toolbar" onclick="Nabble.insert('h5')"><t>Indent</t></button>
<button type="button" class="toolbar" onclick="Nabble.insert('h6')"><t>Bullet</t></button>
</div>
</div>
<button type="button" class="toolbar" onclick="Nabble.headersDropdown()">
<t>Formatting</t><img src="/images/more.png" width="10" height="10"/>
</button>
</td>
</override_macro>