Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Tip: Make a Cool-Looking Forum Module.

Posted by Bernard Lama on January 30, 2012 at 8:00pm in
Add a Tip for Other Network Creators (Ning 2)

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 ***********************/

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

forum, module, looking, cool, make

★

Votes: 0

Email me when people reply –

Replies

classic January 30, 2012 at 8:12pm

Thank you
shrawan bomjan January 31, 2012 at 11:12pm

dai maILE yo code use gareko mero bhayo ki tara tala mathi tanne bar chahi ayena kina ho ?
- Michael Thompson > shrawan bomjan February 2, 2012 at 6:17am
  
  Hi, Vladimir,
  
  Looks good. How did you get your information box in your group to stretch down like that, instead of all bunched up to the right of the group photo?
- Kos > shrawan bomjan February 3, 2012 at 7:28pm
  
  Since we're not members, we are unable to view your changes w/o joining. Maybe you could give us a screenshot as Bernard did?
  
  It didn't work in my Forums [maybe I have something conflicting] but it did work in Groups. Love it!
  
  Bernard it looks awesome! Thank you for sharing!!!
  - Debby Bruck > Kos February 3, 2012 at 9:04pm
    
    Where do you place this code? I couldn't get it to work
    - NC for Hire
      
      Bernard Lama > Debby Bruck February 3, 2012 at 9:29pm
      
      My Network>Settings>Appearance>Advanced.
      - Debby Bruck > Bernard Lama February 3, 2012 at 9:37pm
        
        I must be doing something wrong. I inserted code as shown above. nothing happened.
      - 9jabook Abi John > Bernard Lama February 3, 2012 at 11:26pm
        
        not working for me too
        
        NC for Hire
        
        Bernard Lama > 9jabook Abi John February 4, 2012 at 12:18am
        
        Sometimes it takes few minutes to see the effect...
  - NC for Hire
    
    Bernard Lama > Kos February 4, 2012 at 12:14am
    
    Glad you like it...