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="&lt;h2&gt;...&lt;/h2&gt;"/> or <t.example2.bold text="&lt;h3&gt;...&lt;/h3&gt;"/> </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>