[TRICK] Shadow effect on post profiles

[Masterd]

Hello, folks!

Today I will show you how to add a shadow effect on post profiles using only the new and powerful CSS 3. It's actually pretty simple. This is for SMF 2.0 only!

Open your theme's index.css and find this.

Code Select Expand

.poster
{
float: left;
width: 15em;
}

Replace with this.

Code Select Expand

.poster
{
float: left;
width: 15em;
text-align: center;
-moz-box-shadow: 10px 10px 5px #888;
        -webkit-box-shadow: 10px 10px 5px #888;
        box-shadow: 10px 10px 5px #888;
}

That will be all. Don't forget to adjust the colors!

This will not work on IE 6, 7 or 8, but it will work on IE 9!

Screenshot is in the attachment.

[Matthew K.]

Didn't you submit this as a mod? Moving to Tips and Tricks board for you.

[Masterd]

Thanks! And yes, I submited this as a mod.

Hello Masterd,

We would much rather see mods like this that only alter a few lines for display purposes, be posted in the Tips and Tricks board. For that reason we are rejecting this mod. Please post your changes in the Tips and Tricks board for others to see.

Thanks.

[willemjan]

It would look even better when adding an border to it:

Code Select Expand


float: left;
width: 15em;
text-align: center;
-moz-box-shadow: 10px 10px 5px #888;
        -webkit-box-shadow: 10px 10px 5px #888;
        box-shadow: 10px 10px 5px #888;
        border: 1px solid;


[Masterd]

Nice suggestion. I will try it and see how it looks like.