Ning Codes

I just wanted to let everyone know that these codes i got mostly from here
http://developer.ning.com/forum
and
http://theningdirectory.ning.com
I DO NOT take credit for these codes

do you have any codes you would like to share?
here are the ones i have
#xg_masthead { height: 282px; }
#xg_sitedesc { visibility: hidden; }
...........................................................
this will make the first column disappear:
from there you can change the width of the second column to fill up the empty space.

.xg_1col.first-child{
display:none;
}
.............................................................

Place this code in your advanced section to get rid of the search box and sign out on the Ning bar.
#xn_bar_menu_search { visibility: hidden; }
#xn_bar_menu_tabs { visibility: hidden; }

This gets rid of the entire Ning bar along with the Ning link.
(You must have a premium account with Ning to remove the Ning links)
#xn_bar{visibility:hidden;}
...................................................
Frame your friends;
Change the border style,color and size to match your page or network and paste this code in your advanced section.

/* Friends Module */ .xg_module_friend_list,#xg_module_body iframe{ width :auto;
height:auto;
overflow:auto;
padding-left:3px;

}
.module_members .xg_module_body li {
display:block;
float:center;
display:inline;
height:48px;
width :48px;
border-top:5px double #BA23EB;
border-bottom:5px double #BA23EB;
border-right: 5px double #BA23EB;
border-left: 5px double #BA23EB;
position:relative;
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: center;
}

..............................................
Scroll through your comments;
Just paste this code in your advanced section.


/* Comment Wall */ #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{
width : 540px;
height : 650px;
overflow : auto;
margin : 3px;
text-align : center;
font-size : 12px;
font-family : arial;
border:3px ridge #FF0000;
}
..............................................................
Change the look of your small columns;
Just put in your URL, border style, size, color and paste the codes into the proper areas of your advanced CSS code.

CSS Tweaks Place in the module body
section of the Css code
----------------------*/

.xg_1col .xg_module_body {
background-color: transparent;
background-image:url(URL);
background-repeat:repeat;
margin-bottom:0em;
border:3px outset #FF0000;
}


/*---------------------
CSS Tweaks
Place in the module Head
section of the Css code
----------------------*/
.xg_1col .xg_module_head {
background-color: transparent;
background-image:url(URL);
background-repeat:repeat;
margin-bottom:0em;
border:3px dashed #EFF552;
}
.........................................................

Scroll through your Blog posts: This code is for network creators; If you have ever scrolled a mile to the bottom of the page to check out Blog posts and had to scroll all the way back up to the navigation bar, this is the code you need. just change the border and font color to match your networks and paste the code in your advanced box above the other code.

/* Blog Posts Code can be placed above your network code*/
#xg_module_body,This code
#xg_module, .xg_blog, .xg_blog_list{
width : 540px;
height : 650px;
overflow : auto;
margin : 3px;
text-align : center;
font-size : 12px;
font-family : arial;
border:3px solid #000000;
}

Making your nav menu look unique
http://developer.ning.com/forum/topics/1185512:Topic:47947
................................................
to add background to your link buttons

#xg_navigation ul li a:link {margin-top:0px;margin-bottom:5px;background-color:#C5257C;background-image:url(http://i62.photobucket.com/albums/h94/jackiesc/skemaholicslyts/pink...);text-align:center;font-size:8pt;color:#C5257C;font-family:centuary gothic;font-weight:bold;text-decoration:none;padding: 0px 8px 0px 8px;border:outset 2px #C5257C;}

#xg_navigation ul li a:visited {margin-top:0px;margin-bottom:5px;background-color:#C5257C;background-image:url(http://i62.photobucket.com/albums/h94/jackiesc/skemaholicslyts/pink...);text-align:center;font-size:8pt;color:#C5257C;font-family:centuary gothic;font-weight:bold;text-decoration:none;padding: 0px 8px 0px 8px;border:outset 2px #C5257C;}

#xg_navigation ul li a:hover {margin-top:0px;margin-bottom:5px;background-color:#C5257C;background-image:url(http://i62.photobucket.com/albums/h94/jackiesc/skemaholicslyts/pink...);text-align:center;font-size:8pt;color:#C5257C;font-family:centuary gothic;font-weight:bold;text-decoration:none;padding: 0px 7px 0px 9px;border:inset 2px #C5257C;}

#xg_navigation ul li a:action {margin-top:0px;margin-bottom:5px;background-color:#ffffff;background-image:url(http://i62.photobucket.com/albums/h94/jackiesc/skemaholicslyts/pink...);text-align:center;font-size:8pt;color:#C5257C;font-family:centuary gothic;font-weight:bold;text-decoration:none;padding: 0px 8px 0px 8px;border:outset 2px #C5257C;}