Skemaholics Anonymous

Layouts 4 Ning and more!

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;}

Views: 425

Reply to This

Replies to This Discussion

thank you for this code :)

KING KREATIONS said:
Wanna get rid of the sign in box on the top right corner of ur layout? (I advise Network Creators to replace it with a customized sign in form wherever you want it on ur page) Well here's the code... Just place it in ur advanced section and save.

#xg_module_account {
display:none !important;
}

The buttons for the text editor?

I think this is what you are looking for:
Comment Area Tweaks

Doodlelyn Designz said:

I am looking for that button code AnGella created. Not sure if it fits the skinny, is there one that will? Would like to change the color or use url. Please and ty♥

Reply to Discussion

RSS

Search


Translate!


Forum

Shiny Happy Random Thread 1595 Replies

Started by AnGella in Meeting Place. Last reply by James McDonald Jan 28.

RIP Skemanon 2009 - 2021 27 Replies

Started by AnGella in Announcements!. Last reply by AnGella Jun 3, 2023.

Apologies for Delayed Moderation 9 Replies

Started by AnGella in Announcements!. Last reply by ღCustom Creationsღ Test Page Apr 21, 2021.

Skemanon 2020? 36 Replies

Started by AnGella in Announcements!. Last reply by AnGella Aug 10, 2020.

How to make puffy stickers in PSP 16 Replies

Started by QueenJackie in Tutorials ~ In General. Last reply by Connie (。♥‿♥。) Mar 14, 2020.


Generators!

Click the buttons below to make your own layouts!

SiteModel


Ning Generator


Skinny Ning


Biker Or Not


Test Your Ning Code Here!


Create!



Contribute to SA


Find this site helpful? Please consider a donation!



Random Ning Networks

Birthdays

© 2024   Created by AnGella.   Powered by

Badges  |  Report an Issue  |  Terms of Service