BB code - Information table

Hello fellas, 

In case you want to write some announcement in your post, but to make it stand out, good way is to style BB table and give it a nice touch. This tutorial can be applied to all Forumotion forum versions. 

Go to CP > Display > Colors & CSS > CSS Stylesheet and paste this:

#cpinfo {
  width:90%;
  border-collapse:collapse;
  background-color:#fbfbfb;
  color:#fff;
  margin:0 auto;
  border:0px !important;
}
#cpinfo:hover {
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
}
#cpinfo td { 
  border:0 !important;
}
#cpinfo-head {
  background: linear-gradient(110deg, #12ed3f 20%, #1E88E5 60%);
  text-align:center;
  font-size:20px;
  padding:20px;
  border-bottom-left-radius: 50% 60%;
  border-bottom-right-radius: 50% 60%;
  text-transform:uppercase;
}
#cpinfo-body {
  color:#333;
  background-color:#fbfbfb;
}
#cpinfo-foot {
  text-align:right;
  background: linear-gradient(110deg, #12ed3f 20%, #1E88E5 30%);
  padding:20px;
}

Now, once you want to make an announcement in your post, just use this BB code format:

[table id="cpinfo" cellspacing="0"]
[tr]
[td id="cpinfo-head"]Forum Rules[/td]
[/tr]
 
[tr]
[td id="cpinfo-body"]
This is some information text with [url=https://testaca.forumotion.me/]link[/url] inside it.
Here is the image:
[center][img]https://cdn4.iconfinder.com/data/icons/free-color-christmas-icons/24/Christmas_Tree-256.png[/img][/center]
[/td]
[/tr]
 
[tr][td id="cpinfo-foot"]Autor: System32[/td]
[/tr]
[/table]

Final result taken from the example above:

Cheers :D