HOW do I change THIS?

[staffurdu]

Default layout is:

http://i841.photobucket.com/albums/zz338/mujahidtaban/Temporary/26b7cb73.png


HOW do I change it to THIS:

http://i841.photobucket.com/albums/zz338/mujahidtaban/Temporary/b712f52b.png

There are a lot of BBcodes which I want to add BUT I want them all on the next line AND I want to seperate them as I like. I cant find any mod which can do this, so I thought if anyone have any idea about it!!

Can we edit some templates to change default layout to this?
PLEASE HELP !!

[ForumsMods]

Edit editor_toolbar_on template.
Search:

<vb:if condition="$extrabuttons">
<li>
<vb:each from="extrabuttons" value="button">
<img src="{vb:raw button.buttonimage}" class="imagebutton" id="{vb:raw editorid}_cmd_wrap{vb:raw button.twoparams}_{vb:raw button.bbcodetag}" width="21" height="20" alt="{vb:rawphrase wrap_x_tags, {vb:raw button.tag}}" />
</vb:each>
</li>
</vb:if>
</ul>
Replace with:

</ul>
<ul>
<vb:if condition="$extrabuttons">
<li>
<vb:each from="extrabuttons" value="button">
<img src="{vb:raw button.buttonimage}" class="imagebutton" id="{vb:raw editorid}_cmd_wrap{vb:raw button.twoparams}_{vb:raw button.bbcodetag}" width="21" height="20" alt="{vb:rawphrase wrap_x_tags, {vb:raw button.tag}}" />
</vb:each>
</li>
</vb:if>
</ul>