MyBB Community Forums

Hi

How to create 3D effect background for my board message?
Currently I'm using this code in board_messages.css
.board_message {
background: #00C300;
color: #333333;
border-top: 2px solid #D4D4D4;
border-bottom: 2px solid #D4D4D4;
padding: 5px;
margin-top: 10px;
}

What do you mean with '3D effect background'?
Can you show us an example?

(2012-07-01, 03:32 PM)king_og Wrote: [ -> ]What do you mean with '3D effect background'?
Can you show us an example?

Please see both the backgrounds. Colors are nearly same but I want the effect which above one has.

Create an image, lets say xyz.gif

Next, from the above code, find;

background: #00C300;

and Change it into;

background: #00C300 url(images/xyz.gif) repeat-x;

Make sure that its image path is correct.

(2012-07-02, 06:22 AM)Yaldaram Wrote: [ -> ]Create an image, lets say xyz.gif

Next, from the above code, find;

background: #00C300;

and Change it into;

background: #00C300 url(images/xyz.gif) repeat-x;

Make sure that its image path is correct.

Thanks

To me it looks like they used a css box shadow as well. Just a tiny inset to help accent the border.

Here's the code if you want to monkey around with it a bit.

-webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
-moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .9);