Tip: Make a Cool-Looking Forum Module.

[Bernard Lama]

Just copy and paste the following code into Advanced CSS Area.

Example:

The Code:

/************************* Forum Module Style ***********************/

/* Forum Text style */
    .module_forum h3 {font-family: Myriad Pro;}

    .module_forum .photo{display:none!important;}

    .module_forum .topic {border-bottom:1px dashed #333; padding-bottom:20px!important;box-shadow: 0 0 10px #000; padding:20px; border-radius:6px; margin-bottom:20px!important;}

    .module_forum .indent{margin:5px!important; text-align:justify;}

    .module_forum .xj_expandable {margin:20px 0 0 0;}
/* Forum Text style */

/* Forum Background Color */
.xg_widget_main .module_forum {-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
background-color:#E6E6E6!important;}
/* Forum Background Color *

/************************* Forum Module Style ***********************/

[FIN]

thank you very much ! looks good except for the member photos, for us they stick out just a little to far to the left how can we fix this ?

[Vincent Wright]

Bernard:

1.  It work for me...
2.  It looks COOL!
3.  THANKS!

HOWEVER, on my site at Brandergy.com, the member icons/avatars/photos associated with their forum posts show as a blank/white space.

That little but important matter detracts from the overall attractiveness of the new forum module.

Do you have an update which can help us include pics of the forum posters?

[Bernard Lama]

Give this a try .paste into advanced CSS

.module_forum .photo{display:all!important;}

[Vincent Wright]

Thanks kindly, Bernard.  I'll make another effort to try over the weekend..