Please use the following code for your official moderator replies:

Code:
[mod] Your text here. [/mod]


That will appear as:





All you have to do is add your text, it adds EVERYTHING else for you. Remember to leave a space between your text and the code

.something {
padding: 8px 8px 8px 130px;
backgorund: #666 url(THE IMAGE URL HERE) no-repeat left;
border: 1px dotted #000;
color: #FFF;
width: 99%;
}

Krazy wrote:I could once he has finished the CSS. I have already added it to my forum, though I'm not good when it comes to forming colors and all that in CSS. C & P works good.

ankillien wrote:@bear,

You just have to paste that code in your forum's CSS and submit it. Then make a post with '[mod]' tags. You'll see it.

@krazy,

I already have finished the CSS and we can't test it on WebArtz as HTML is disabled in posts. You need to have HTML enabled in posts to make the [mod] tags work.

Code:

.something {
width: 600px;
padding: 5px;
background: black url(IMAGE URL HERE) no-repeat left;
color: white;
padding-left: 30px;
border: 1px solid white;
}

ankillien wrote:ok bear,

Please try adding this code to your CSS...

Code:

.something {
width: 600px;
padding: 5px;
background: black url(IMAGE URL HERE) no-repeat left;
color: white;
padding-left: 30px;
border: 1px solid white;
}

ankillien wrote:The background is black and text color is white. Isn't it really readable?
My CSS makes the box exactly same as the picture showed

background: black url(IMAGE URL HERE) no-repeat left;

Code:

    .something {
    width: 600px;
    padding: 5px;
    background: black;
    color: white;
    padding-left: 30px;
    border: 1px solid white;
    }

ankillien wrote:Its not possible to add text to it. You should add 'Moderator notice' your self when you write [mod] tags.

Ok, I got the bug about the background.
In the CSS code I gave you, please remove the bolded part in following..

background: black url(IMAGE URL HERE) no-repeat left;

So, the final code looks like this..

Code:

    .something {
    width: 600px;
    padding: 5px;
    background: black;
    color: white;
    padding-left: 30px;
    border: 1px solid white;
    }

If you want to add an image on left like on the example, please provide me a URL to that image and I'll give you a code to add it

Sorry if I am making this too much complicated for you.

Code:

.something {
    width: 600px;
    padding: 5px;
    background: url(http://i42.tinypic.com/1e067c.jpg) no-repeat left black;
    color: white;
    padding-left: 140px;
    border: 1px solid white;
    }

ankillien wrote:Sure,

Make the following changes in CSS code...

Change padding-left: 30px; to 140px;
and change background value to this...
background: url("https://2img.net/h/oi42.tinypic.com/1e067c.jpg") no-repeat scroll left center black;

The final code looks like this..

Code:

.something {
    width: 600px;
    padding: 5px;
    background: url(http://i42.tinypic.com/1e067c.jpg) no-repeat left black;
    color: white;
    padding-left: 140px;
    border: 1px solid white;
    }

You may see difference in the width after changing this codes. To adjust width just change value of width: 600px; to any px.

ankillien wrote:I already have finished the CSS and we can't test it on WebArtz as HTML is disabled in posts. You need to have HTML enabled in posts to make the [mod] tags work.

Code:

[table class="something'][tr][td]...[/td][/tr][/table]

ankillien wrote:@bear,

The image get cut off because height of the message box is small. If you'll add more lines to it, the image will show up fully. Or, you can try resizing the image in some editing program and use it

@ZC,
I doubt if the word censoring renders BBCodes. And, does the BBCodes support class attribute? I haven't tested it yet