JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Specific Group Page List- Remote Style Sheet

Ok, I know how to use a remote style sheet for the entire network (CSS that's maxed out). I know how to use it in a specific group to customize everything in the group.... and group pages are a piece of cake.

I am having a tough time getting it to work on a specific groups list of pages (not the small list shown on the main page of the group, but entire pages list when you click View All).

Here's the tip that I use to change the background image, but can I use something similar to call an entire style sheet so I can tweak everything?

thanks :)

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on October 7, 2012 at 7:44pm

I'm going to need links and/or screenshots. ;-) I'll be back tomorrow.

Have a great night,

Jen

▶ Reply

Permalink Reply by Fire-Tech on October 16, 2012 at 8:23pm

Sorry...was off the grid for a minute. Basically, the list of pages within any specific group.

Example: if you click on View All pages within the VIP group here, it will take you to

http://jensocial.com/group/premiumningtipsbyjen/page/page/list

....another example is in your Speak Your Mind group; the page list is

http://jensocial.com/group/speakyourmind/page/page/list

I have tweaked my VIP group and each page to look the same, but my VIP Page List is the same as the rest of the network and bugs me :)

Thanks my dear!

▶ Reply

Permalink Reply by JenSocial on October 18, 2012 at 11:33pm

Hi Fire-Tech,

It's going to take script that tests for that page URL, and links to your external CSS.

Using example URL: http://jensocial.com/group/speakyourmind/page/page/list

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'speakyourmind/page/page/list') {

var ss = document.createElement("link");

ss.type = "text/css";

ss.rel = "stylesheet";

ss.href = "yourexternal.css";

document.getElementsByTagName("head")[0].appendChild(ss);}

</script>

Hope that does it,

Jen

▶ Reply

Permalink Reply by Fire-Tech on October 20, 2012 at 11:53am

....hhhmmm. no dice. I know I have a good style sheet link and i tried a few variations of the groups reference with no luck.

I'm just using my normal VIP style sheet to test it, but it should at least change borders & masthead.

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'vip-group/page/page/list') {
var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "http://api.ning.com/files/UUSEHWfNn98X69yqzDt*kjUv13vjSlKFA8*66FPPjnFOTjzEzaBqYfEBVtjQ6Jrp9sTZJ2NECh1do2GlRJwcPhwFmQ6-2Qtd/ReallyGoodVIPCSS810172012.css";
document.getElementsByTagName("head")[0].appendChild(ss);}
</script>

I wouldn't think that it would conflict with the normal network remote style sheet, but could be wrong.

▶ Reply

Permalink Reply by Fire-Tech on November 8, 2012 at 10:57pm

Got it to work for the first set of pages! Needed to change ('group/') to ('/group/').

Now I just need to get it to work for the rest of the pages lists (doesn't work on all of them if you click the next set / pagination).

Thanks for pointing me in the right direction :)

▶ Reply

Permalink Reply by Fire-Tech on February 16, 2013 at 1:47pm

I actually don't have to worry about sheets for the entire list now that I use TJ's code to "Show More Content Just By Scrolling".

Here's the code to call a sheet for a group discussion list:

<script type="text/javascript">
if (window.location.href.split('/group/')[1] == 'Your Group Name/forum') {
var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "Your Style Sheet Here";
document.getElementsByTagName("head")[0].appendChild(ss);}
</script>

I'm having a rough go on the individual forums, but will post if I figure it out.