Notice using css and table

by Luky Sat Mar 26, 2011 11:41 am

Hello FM users,
Today I am going to show you how to compose a notice in your post using css and table. First, please take a look at this demo:

Line 1 : Your message goes here! Your message goes here!
Line 2: Your message goes here! Your message goes here!

Ok then, let's start.
Step 1: Copy and paste this code into your css style sheet (ACP>>Display>>Colors>>CSS)

Code:: .cpinfo { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .cpinfo { color: #00529B; background-color: #BDE5F8; background-image: url('https://i.imgur.com/BZ17N.png'); }

Step 2:
Use this bbcode when you want to post a notice inside your posting:

Code:: [table class="cpinfo"][tr][td]Your text goes here! Your text goes here! Your text goes here! Your text goes here! Your text goes here! Your text goes here! [/td][/tr][/table]

That's it!

For advanced user:
You can change the border thickness (border: 1px solid;), color of text (color: #00529B Wink