Here a picture from the new bbcode-icons in Kunena:
Insert in components/com_kunena/template/default_ex/forum.css:
Code:
img.bbcode {
cursor: pointer;
margin-right: 2px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
}
img.bbcode:hover {
background-color: #e4e4e4;
cursor: pointer;
margin-right: 2px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
}
Change in /components/com_kunena/template/default/smilie.class.php:
Code:
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "b" name = "addbbcode0" value = " B " style = "font-weight:bold; " onclick = "bbstyle(0)" onmouseover = "helpline('b')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "i" name = "addbbcode2" value = " i " style = "font-style:italic; " onclick = "bbstyle(2)" onmouseover = "helpline('i')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "u" name = "addbbcode4" value = " u " style = "text-decoration: underline;" onclick = "bbstyle(4)" onmouseover = "helpline('u')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "q" name = "addbbcode6" value = "Quote" onclick = "bbstyle(6)" onmouseover = "helpline('q')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "c" name = "addbbcode8" value = "Code" onclick = "bbstyle(8)" onmouseover = "helpline('c')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "k" name = "addbbcode10" value = "ul" onclick = "bbstyle(10)" onmouseover = "helpline('k')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "o" name = "addbbcode12" value = "ol" onclick = "bbstyle(12)" onmouseover = "helpline('o')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "l" name = "addbbcode18" value = "li" onclick = "bbstyle(18)" onmouseover = "helpline('l')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "p" name = "addbbcode14" value = "Img" onclick = "bbstyle(14)" onmouseover = "helpline('p')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "w" name = "addbbcode16" value = "URL" style = "text-decoration: underline; " onclick = "bbstyle(16)" onmouseover = "helpline('w')" />
<input type = "button" class = "<?php echo $boardclass;?>button" accesskey = "h" name = "addbbcode24" value = "Hide" onclick = "bbstyle(20)" onmouseover = "helpline('h')" />
into
Code:
<img class = "bbcode" accesskey = "b" name = "addbbcode0" src="/images/com_kunena/text_bold.png" alt="B" onclick = "bbstyle(0)" onmouseover = "helpline('b')" />
<img class = "bbcode" accesskey = "i" name = "addbbcode2" src="/images/com_kunena/text_italic.png" alt="I" onclick = "bbstyle(2)" onmouseover = "helpline('i')" />
<img class = "bbcode" accesskey = "u" name = "addbbcode4" src="/images/com_kunena/text_underline.png" alt="U" onclick = "bbstyle(4)" onmouseover = "helpline('u')" />
<img class = "bbcode" accesskey = "q" name = "addbbcode6" src="/images/com_kunena/comment.png" alt="Quote" onclick = "bbstyle(6)" onmouseover = "helpline('q')" />
<img class = "bbcode" accesskey = "c" name = "addbbcode8" src="/images/com_kunena/code.png" alt="Code" onclick = "bbstyle(8)" onmouseover = "helpline('c')" />
<img class = "bbcode" accesskey = "k" name = "addbbcode10" src="/images/com_kunena/text_list_bullets.png" alt="ul" onclick = "bbstyle(10)" onmouseover = "helpline('k')" />
<img class = "bbcode" accesskey = "o" name = "addbbcode12" src="/images/com_kunena/text_list_numbers.png" alt="ol" onclick = "bbstyle(12)" onmouseover = "helpline('o')" />
<img class = "bbcode" accesskey = "l" name = "addbbcode18" src="/images/com_kunena/text_list_none.png" alt="li" onclick = "bbstyle(18)" onmouseover = "helpline('l')" />
<img class = "bbcode" accesskey = "p" name = "addbbcode14" src="/images/com_kunena/picture_link.png" alt="Img" onclick = "bbstyle(14)" onmouseover = "helpline('p')" />
<img class = "bbcode" accesskey = "w" name = "addbbcode16" src="/images/com_kunena/link_url.png" alt="URL" onclick = "bbstyle(16)" onmouseover = "helpline('w')" />
<img class = "bbcode" accesskey = "h" name = "addbbcode24" src="/images/com_kunena/hide.png" alt="Hide" onclick = "bbstyle(20)" onmouseover = "helpline('h')" />
<?php if ($fbConfig->showspoilertag) {?>
<script type="text/javascript">
function fb_spoiler_help() {document.postform.helpbox.value = 'Spoiler: [spoiler] ... [/spoiler]';}
</script>
<img class = "bbcode" accesskey = "s" name = "addbbcode40" src="/images/com_kunena/spoiler.png" alt="Spoiler" onclick = "bbfontstyle('[spoiler]', '[/spoiler]')" onmouseover = "fb_spoiler_help()" />
<?php } ?>
And insert into /images/com_kunena/ the following icons:
The icons are from
www.famfamfam.com/lab/icons/silk/
and unter Creative Commons Attribution 2.5 License:
This means you may use it for any purpose, and make any changes you like.
All I ask is that you include a link backto this page in your credits.