Ok a quick example before doing something else.
I want to create a test button with [test] [/test] tags.
Here is the Button Set (command)
Code:
{name:'My Test button', openWith:'[test]', closeWith:'[/test]'},
Here is the Button Main CSS (for the button icon)
Code:
.bbcode .markItUpButton{$id} a{
background:url('styles/sedo/markitup/buttons/test.png') no-repeat 0 0;
width:12px; height:18px;
}
For the css, you have to upload the test.png button to the correct directory. If you want to align your button and don't know css, you just have to play with the double zero
Code:
.bbcode .markItUpButton{$id} a{
background:url('styles/sedo/markitup/buttons/test.png') no-repeat 1px 4px;
width:12px; height:18px;
}
No need to explain width and height values, but try to use a 18px height button in order to have a nice harmony with other buttons.