The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Completed thread

View previous topic View next topic Go down

Completed thread

Post by PorkyPine V10 on May 4th 2012, 6:48 pm


PorkyPine V10
Forumember

Male Posts : 387
Reputation : 19
Language : English, Spanish, French, Japanese

http://gfx-creators.forumotion.com/

Back to top Go down

Re: Completed thread

Post by Guest on May 5th 2012, 11:37 pm

Hi!

It's a simple BBCode table with some CSS customization. Read this tutorial:
http://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...

Guest
Guest


Back to top Go down

Re: Completed thread

Post by BlackMouse on May 5th 2012, 11:45 pm

U must paste it in the Message or in CSS?

BlackMouse
Forumember

Posts : 38
Reputation : 1
Language : HTML/Script

Back to top Go down

Re: Completed thread

Post by Guest on May 5th 2012, 11:49 pm

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

BBCodes:
In post you write.

Guest
Guest


Back to top Go down

Re: Completed thread

Post by Sir Chivas™ on May 5th 2012, 11:51 pm

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]



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Completed thread

Post by PorkyPine V10 on May 6th 2012, 11:12 pm

Thanks complete

PorkyPine V10
Forumember

Male Posts : 387
Reputation : 19
Language : English, Spanish, French, Japanese

http://gfx-creators.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum