PDA

View Full Version : similar bbcode to this?



TheBash
08-11-2016, 06:19 PM
Hi guys,
I'm launching a general forum and I'm wanting a few moderation bbcodes, I've recently found a decent bbcode I actually like by browsing a certain forum, Was just wondering if anyone is capable of grabbing a similar code so that I can have a custom background in the background and a custom image next to the text.

Any help would be greatful.
http://i.imgur.com/1LfTfwn.png

EDIT: I've managed to grab certain aspects of the above code and got everything working apart from the background imaging, below is the snip of the code i'm using for css & bbcode.

BBCODE:

<div class="mod-alert"> <div class="mod-overlay"><img src="http://www.forumbash.net/{option}.png" align="left" style="float: left; margin-top: -5px;"><p>
<b>Moderation Message</b><br>{param}
</p></div></div>
</div>


CSS:


<style type="text/css">
.mod-alert{
background: url(/images/bg.gif) repeat;
background-position: 100% 20%;
border-radius:5px;
height: 60px;
max-height: 60px;
}
.mod-overlay{
background: url(images/misc/blackop.png) repeat;
border-radius:5px;
font-family:Segoe UI;
font-size:12px;
color:#FFFFFF;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
width: 100%;
height: 100%;
overflow: hidden;
}
.mod-overlay p{
padding: 10px;
}
</style>

David
08-11-2016, 06:31 PM
what are you using {option} for
oh its the habbo avatar nvm

1 too many closing div's though

TheBash
08-11-2016, 08:04 PM
what are you using {option} for
oh its the habbo avatar nvm

1 too many closing div's though


Removed the extra closing div code.
And yes the option was originally used for habbo imaging, but it's been replaced now along with the background imaging.
After a little help from @Smurf at BH, I eventually managed to get it going. :)

Want to hide these adverts? Register an account for free!