Skemaholics Anonymous

Layouts 4 Ning and more!

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

Views: 426

▶ Reply to This

Replies to This Discussion

Permalink Reply by QueenJackie on June 19, 2009 at 1:46pm
its hard to find tricks and codes for Ning,trust me i have looked everywhere on the net,if you have any you would like to share we would really appreciate it
xoxooxoxx
Permalink Reply by AnGella on June 19, 2009 at 5:46pm
It is hard to find, I can try to write code though if there is something in particular you want to do. Just tell me what section you want to change and I will look through the page source to find it.
Permalink Reply by Jackie on June 19, 2009 at 10:59pm
http://www.free-css.com/free-css-tutorials/basic-css-tutorials/styl...
this site seems to have alot of codes

only thing i would love to do is make the middle section smaller in width,but you already tired that i think
Permalink Reply by Barbara Mc on June 19, 2009 at 11:24pm
Can't wait to have time to try some of these Jackie!
Permalink Reply by Jackie on June 19, 2009 at 11:32pm
yeah its fun to try new stuff :) enjoy if i find anymore good codes i will pass them on

Barbara Mc said:
Can't wait to have time to try some of these Jackie!
Permalink Reply by Jackie on June 19, 2009 at 11:33pm
oops i meant to say tried not tired LOL,think i'm tired

Jackie said:
http://www.free-css.com/free-css-tutorials/basic-css-tutorials/styl...
this site seems to have alot of codes

only thing i would love to do is make the middle section smaller in width,but you already tired that i think
Permalink Reply by Jackie on June 19, 2009 at 11:42pm
ok these work for ning coding
different styles of fonts


body{
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFFFF;
}

h1{font-size:1.5em;}
h2{font-size:1.2em; color:#333333;}
h3{font-size:1em; color:#666666;}
h4{font-size:.9em; color:#999999;}
h5{font-size:.8em; color:#CCCCCC;}
h6{font-size:.7em; color:#666600;}

p{
font-size:.8em;
font-weight:bold;
}

blockquote{
font-size:.8em;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#999999;
border-right-color:#999999;
border-bottom-color:#999999;
border-left-color:#999999;
background-color:#DEDEDE;
}

ul{
font-size:.8em;
font-variant:small-caps;
}
Permalink Reply by AnGella on June 19, 2009 at 11:52pm
Actually I tried to make the whole body smaller. I could try to isolate the center column.

Jackie said:
http://www.free-css.com/free-css-tutorials/basic-css-tutorials/styl...
this site seems to have alot of codes

only thing i would love to do is make the middle section smaller in width,but you already tired that i think
Permalink Reply by Jackie on June 20, 2009 at 12:09am
oh that would be so cool if you could try,i have tried but no luck,i think your better at coding that i am lol

AnGella said:
Actually I tried to make the whole body smaller. I could try to isolate the center column.

Jackie said:
http://www.free-css.com/free-css-tutorials/basic-css-tutorials/styl...
this site seems to have alot of codes

only thing i would love to do is make the middle section smaller in width,but you already tired that i think
Permalink Reply by Jackie on June 20, 2009 at 12:10am
great :)
sure no prob kat xoxoxoxoxoxoxox

♥ღCathyKatღ♥ said:
i saved all the codes and links ty for the info huggz kat :)
Permalink Reply by Jackie on June 20, 2009 at 12:13am
i just realized i'm on my tester account,sorry haha
Permalink Reply by Jackie on June 20, 2009 at 12:42am
Creating a Transparent Image
this will show through the layout

opacity:0.4;filter:alpha(opacity=40)

In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent.

In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.

▶ Reply to Discussion

RSS

Search


Translate!


Forum

Shiny Happy Random Thread 1601 Replies

Started by AnGella in Meeting Place. Last reply by Jon Blanco Oct 24.

Untitled

Started by Zohra in Meeting Place Sep 26.

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.


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

Birthdays Today

Birthdays Tomorrow

© 2024   Created by AnGella.   Powered by

Badges  |  Report an Issue  |  Terms of Service