"TIP" "style_GC_whole_network.css" Update Version 5.4

[George H. Compton IV]

This stylesheet will add styles and animation fx throughout your whole network blogs, forums, groups, latest activity, comments and a whole lot more.  :-)

I put it into a stylesheet because of the amount of code it takes to do this.  So it's really easy to add and remove from your NC custom code box

If you'd like to view the Codes in The stylesheet just click here

click here to see it live on cross roads Fellowship

just add this code to the top of your NC custom code box.

<link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/wKr*gaUtwNYGYxS1TQJ0GxQwgV-e8eRB1rKt0Twd2LHNnRi5*ZBHQlAX5k7M011-H629FQFxfuPRDWLhVLOyEEwjVgHgks54/style_GC_whole_network.css" />

 

Remember everyone results may vary because of the differences in Ning networks. But I did spend week's working on compatibility for The different ning networks, layouts and themes..

This was design on a Ning pro account and tested on many Ning Networks

If you would like me to change anything in this code or remove anything for you just ask I'll be more than happy to help

 

Editing the colors in the stylesheet. in these codes just change the word transparent to any color you want.

this code will change the group's mouse hover color

    DIV.xg_module.module_groups LI.xg_lightborder:hover{
       background-color:transparent!important;}

    These three codes will change the activity feed colors

    .xg_module_activity .feed-story-status .status-update:hover{
       background-color:Transparent !important; }


    .xg_module_activity .feed-story-status .status-update{
       background-color:Transparent !important; }

    .xg_module_activity SPAN.comments-number {
       background-color:transparent !important; }

    This code will change The forum Mouse hover color

    .module_forum div.vcard div.topic:hover{
       background-color: transparent!important;}

    and this one will change the color of the blogpost mouse hover Color

     .module_blog .blogpost:hover{
       background-color:transparent !important; }

    And this code will change the red continue button

     A.xj_expandable {
       background:transparent !important;}

This code will change the color of the text in the continue button.

A.xj_expandable {
       color:#15c708;}

All module shadows in this code you can change the ( shadow colors #ccc ) for the shadow colors change all three ( Border colors #aaa ) and (  Border thickness 2px )

.xg_module {
   border:2px solid #aaa!important; -webkit-box-shadow:6px 6px 10px
   #ccc!important;-moz-box-shadow:6px 6px 10px
   #ccc!important;box-shadow:6px 6px 10px
   #ccc!important;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
   filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');}


    I believe that's all the major colors there are in the stylesheet

Here's two pic's of the main page here on creators with this stylesheet virtually added

Here's a couple more snapshots of the Main page and groups page.. right click and open them in a new tab to get a better view

[George H. Compton IV]

awesome I'm glad you figured it out :-) you've could've done the changes with the codes I left above those are your module heads :-) it would be the border radius in the codes above LOL :-) you have a great day Scott

[Ivy Williams]

Thank You!

[George H. Compton IV]

you're welcome I hope that's what you were asking for :-) you have a great day Ivy

[Ivy Williams]

I put that code in my CSS of the site and it did not do anything.

[George H. Compton IV]

try it again with this code I will add Important to the code which should do the trick :-)

DIV.xg_module.module_members IMG, DIV.xg_module_body.body_list IMG, SPAN.dy-avatar.dy-avatar-48.feed-avatar IMG{
background-color:transparent!important;
border: 0px solid #E4E4E4!important;
    border-radius:28px 28px 28px 28px!important;
    -moz-border-radius:28px 28px 28px 28px!important;
    -webkit-border-radius:28px 28px 28px 28px!important;
    -khtml-border-radius:28px 28px 28px 28px!important;}

[Ivy Williams]

Hm it sitll did not do the trick, I tried using the code on the style sheet but it told me it was to long, see the part I fell in love with in the style sheet was how it made my memberss icons, group icons, and activity statuses oval.

[George H. Compton IV]

I went through the stylesheet and I believe I have all the image codes.

Here's a stylesheet for nothing but the images.

<link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/*4kNjiRyhJN56Mj4gHBhHscFc6rk17VdgPwrUHITyybPPrZ2XwPO1LOnBCURBoVXCA375tAO87QdiYmwggCl7Dp1ylwOc38B/style_GC_whole_network_img.css" />

[George H. Compton IV]

Hello Mystical

I'm glad it looks nice on your network and thank you for the complement :-)

I'm sorry about the profiles but that's why it says your whole network. Any code can be overwritten on profiles with other codes in their design studio advanced CSS box.

You can also copy the stylesheet to a text document and rewrite the codes so it won't affect the profiles. If you want me to rewrite the stylesheet for you just let me know it will take a little time but it's plenty possible.

I spent weeks trying to make this as compatible as possible with all the different ning networks, layouts and themes.

 or you can try my other discussion

"TIP" let's add styles and animation FX's to your main page blogs, ...

You have a great evening :)

[George H. Compton IV]

Thank you again for the compliment :-)

if you run into any problems with that stylesheet from the other discussion that doesn't have the fix in the comments just let me know and I'll be happy to work it out for you.

You're welcome and you have a blessed day :-)

[George H. Compton IV]

The link you sent me takes me to the sign in page.

Do you have a dummy account I can login with? if so send it to me in a messages so I can see the site or should I make an account?  

[George H. Compton IV]

okay I signed up just waiting for the approval :-)

[Mary Jane Peterson]

Hi

Thank you so much I love this I have added this to my site hope you don't mind :) If you would like to see what it is like http://b-yond.ning.com/