BB Code Enhancements - Bug BB

Well this is just a simple bb code I did, its fairly self explanatory (not really) so ill display a screen shot

basically create a new bb code and call it bug, thin the tag area put bug

in replacement add

<div style="border-style: solid; border-color: silver; border-width: 1px 0px; margin: 1em; padding: 2px 5px;">
<div style="font-weight: bold; color: rgb(153, 0, 0); float: left;"><a href="/wiki/Image:Bug.png" class="image" title="Bug"><img alt="Bug" src="http://i44.tinypic.com/2myya8k.png" width="18" border="0" height="18"></a> Bug.</div>
<div style="margin-left: 5em;">{param}</div>
</div>

Here's the screen shot you've been wanting to see



the width is determined on how wide your posts cna be normally.

[Vaupell]

gonna share the img, rather than external linking it

love it btw. :up:

[ragtek]

instead of, linking to the image, just use the img tag^^ don't see the sense of linkint to the img

[ti07shadow]

the accual pouint of linking was for inside the coe besideds the button, if you want save and upload that.

[Vaupell]

i donot have this icon.. wiki/Image:Bug.png

EDIT attaching the bug icon..

Attachment 95198Attachment 95198Attachment 95198Attachment 95198

[EagleNick]

Here's another bug image if anybody is interested.

[nibb]

Wow thanks. I actually this did with another mod, but this is more nicer to report bugs.

[cheat-master30]

I fixed it to work with proper CSS:

Add this to the All Style Options additional CSS:

.Bug1{
border-style: solid;
border-color: silver;
border-width: 1px 0px;
margin: 1em;
padding: 2px 5px;
}
.Bug2{
font-weight: bold;
color: rgb(153, 0, 0);
float: left;
}
.Bug3{
margin-left: 5em;
}

Change main part to:

<div class="Bug1">
<div class="Bug2"><img alt="Bug" src="images/bug.png" width="18" border="0" height="18"></a> Bug.</div>
<div class="Bug3">This is a program bug or error</div>
</div>