The Sandbox
Join The Sandbox to experiment with Ning 3.0 now!The Ning Team will be triaging bug reports and…See More
unique class name for every page
This is a suggestion to NING. Could you give every page an individual unique class name in <body>? Then we can easily write CSS or Javascript for a special page.
For example <body class="auto-generated-class-name">
Actually we did this in Yahoo! Just for safe if someone need to change something later.
And kindly give every text box an individual unique class name or id. Thank you.
Replies to This Discussion
-
Permalink Reply by Antavius Flagg on -
Right on, Alex. I've been wanting to modify certain pages myself--such as changing the layout and columns of other pages.
-
Permalink Reply by Brian Kopper on -
Hey Alex and Antavious,
I was craving this feature myself, so I figured out how to do it using javascript. This script will add the page url as the class(es) for any page on your site. If you are on the home page it will set the body class to "home". If you are on /profiles/members/ it will add the body class "profiles members", etc. Check it out. I hope it helps.
You'll need to paste this code in the "Custom Code" interface for your Ning network.
<!-- begin setBodyClass -->
<script type="text/javascript">
function setBodyClass() {
var url = new String(window.location.pathname);
dirs = url.split('/');
classes = '';if (dirs) {
for (i = 0; i < dirs.length; i++) {
var dir = dirs[i].split('.'); // removes file extentions
if (dir[0]) {
classes += ' ';
classes += dir[0].toLowerCase();}
}
}
if (classes == '') classes = 'home';
// check if body has an existing class
if (!document.body.className) {
document.body.className = classes;
} else {
var newClassName = document.body.className;
newClassName += classes;
document.body.className = newClassName;
}
}
setBodyClass();
</script>
<!-- end setBodyClass -->
Latest Activity
Allison Leahy joined arqueologiadigital.com's group
Criadores Brasileiros - Brazilian Creators
Grupo para todas as redes Brasileiras do Ning. (Group for all Ning Brazilian Networks).See More
Elshara Silverheart replied to Elshara Silverheart's discussion 'Free Site Promotion'"Like before, remember to include the full web address of your network so that it can get properly…"
"I feel for you Elshara, it must have been upsetting. But this is a good example of why we…"
Sylvia Hysen replied to Sylvia Hysen's discussion 'Great Slider- must see!'"Thx Where Women Blog...
I did the graphic design in Photoshop and I hired a pro to do the…"
Michelle Duchemin replied to Phil McCluskey's discussion 'Mini Release: CSS classes and bug fixes'"Hi All,
Just a quick question: Where can I find this document that has all the up to date CSS…"
Elshara Silverheart replied to Elshara Silverheart's discussion 'SEO Success'"I forgot to show an example of what I mean with the site map and search bots. You can see what I…"
Cultivating Community
© 2013 Created by Ning.
