Codes help?

I have seen that urgent message used many places, how can I add that to my forum? Also, there is another message like that that has a green background and says "Topic Solved and Locked", how would I add that too?

CSS Code:
http://www.csshelp.net/t203-css-notification-boxes

BBCode:
http://www.csshelp.net/t534-bbcode-notification-boxes

The problem with that is that I don't know where to place those on my forums and I want it like the ones they have here.

They are the same for example if you put this BBcode in your post it will work.

Code:

[table style="background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here... [/td][/tr][/table]

Demo

Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...

You can change background color the icon to whatever you like.

Jay53928 wrote:The problem with that is that I don't know where to place those on my forums and I want it like the ones they have here.

Well you can't have the exact same as FM doesn't give the exact code out but you can design them like FM support forums have. However you add the first set of code to your CSS ACP--> Display --> Colour --> then switch to the Stylesheet

You place the code in their and then the second code goes into a message box like the ones you reply with.

Its a very simple tutorial to view.

Derri wrote:You place the code in their and then the second code goes into a message box like the ones you reply with.

What do you mean "a message box like the ones you reply with". I placed the code into the CSS stylesheet and saved, yet still don't see those messages anywhere. (I'm not THAT tech-savvy)

Hi,

To begin with:

Please change the title of your topic, that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

Just place the code given by matti above inside the thread and it'll appear:

Matti_7 wrote:They are the same for example if you put this BBcode in your post it will work.

Code:

[table style="background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here... [/td][/tr][/table]

Demo

Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...

You can change background color the icon to whatever you like.

Thanks! I needed the code for this! Thanks Matti

I think I got this figured out now.

Where do you putt he XHTML? in the CSS as well?

socialize wrote:Where do you putt he XHTML? in the CSS as well?

No, in the Quick reply box and send so it can show in your post.

Since this topic was marked solved...

Topic Solved & Locked