Completed thread

[PorkyPine V10]

how do i do this:

http://awesomescreenshot.com/0044wvb50

[Guest]

Hi!

It's a simple BBCode table with some CSS customization. Read this tutorial:
https://help.forumotion.com/t87870-notice-using-css-and-table

For rounder corners use this CSS code:

Code:

.cpinfo{
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.cpinfo{
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}

Of course, you can change the border, background color, background image etc...

[BlackMouse]

U must paste it in the Message or in CSS?

[Guest]

CSS Code:
Administration Panel => Display => Pictures and colors => Colors => CSS Stylesheet.

BBCodes:
In post you write.

[Sir Chivas™]

This is in the 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('http://i.imgur.com/BZ17N.png');
}

This is in the post:

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]

[PorkyPine V10]

Thanks complete