"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]

@ Rosas † Negras since you won't let me see it to adjust it for you you can adjust it with this code.

.xg_widget_main_index_index DIV#xg_layout_column_2 DIV.xg_module.module_groups LI.xg_lightborder {
    padding: 15px 3px 3px;
    margin-left: 0px;
    min-height: 196px;
    width: 80px !important;
}

[Rosas † Negras]

perfect

error  of system

[Rosas † Negras]

thank you very much

[Mary Jane Peterson]

Hi George

sorry to come to you again, but I need your help, some of our member are up set as they can not see what they have put on their page:( Please can you come and have a look  for me, I have done every thing that I can to fix it, but I can't thank you so much your a star as always

www.b-yond.co

[George H. Compton IV]

Hello Mary

The people that Modified their profile that has a white module background needs to change their font color in their design studio or change their module background color/image.  That should fix their problems

Their font color is set to white

I highlighted the text for you in this image

[Mary Jane Peterson]

Hi George

Thank you so much for your help, they don;t how to change it, is there a way that you of I can do it for them to help them , as I don;t want them to leave B-yond thank you 
Your a star as always :)

[George H. Compton IV]

I answered that in your description :-) you have a great day Mary

[Mary Jane Peterson]

Hi George

Sorry to brother again, is it possible if you could change the background from green to may be black or gray, but, as the same time  people can see what they put on their page . and I want to keep the pic same you gave me.

My friend's have seen the site , they think that the site looks great, but they think grey or black background to go with pic , if thats ok,,, I don't want to up set you,, as you are great at what you do, and you are our star, thank you for what you do :) sorry for messing you around  Your A star as always thank you for helping
www.b-yond.co

 

[Rosas † Negras]

}
body {
background-color:/* %siteBgColor% */ #000000!important;
background-image:url(http://themeworxmedia.com/pix/images/Abidin 

);
background-position:Center 0px;
background-attachment:fixed;
background-repeat:repeat;
border:0px inset #ababab;
}

[Mary Jane Peterson]

Hello Rosas † Negras

Thank you for helping me, can you come see what I have done Wong as  the site  is still same, thank you so much :)

[Mary Jane Peterson]

Hi George H. Compton IV and Rosas † Negras

Thank you for helping me get my site looking great :)

I seen what you did with www.blesseditbe.com it is so beautiful, even Star Dust love it too :) Please may I have some thing thing like that please but for my site www.b-yond.co, we can use the same pic, or if you have got other's pic's , and also do you have a code that people can see what on their page after we change, I am so sorry for messing you around,
Your stars as always, :)

Thank you :)

[Rosas † Negras]

great job, but you can remove the effect of magnification in groups, my friend