"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

[Rosas † Negras]

edit Playlist, you can modify ...the example and the photo below

[George H. Compton IV]

so did you want the (add music) and (edit playlist) to look like the picture below?

[Rosas † Negras]

Rosas is this... if it were possible.. I would look like U.

U =)Thank you in advance

[Rosas † Negras]

I solved thanks my friend

[George H. Compton IV]

I'm glad you figured it out.  You have a great day Rosas

[Rosas † Negras]

thank you very muchhttp://creators.ning.com/forum/topics/tip-you-can-change-to-color-i...my girlfriend was asleep and I was in a hurry to have

[George H. Compton IV]

 I'm not quite sure what you're asking for.  But I would be happy to help in any way that I can :-)

do you mean showing what the codes do virtually?

[Rosas † Negras]

[George H. Compton IV]

the fastest and easiest way to Virtually insert codes is to use Firefox's style Editor

right click the image and open in a new tab to get a better view

[Mary Jane Peterson]

HI George

I am hoping you can help me please, I would like some thing like this design at http://landoffantasy.ning.com/ or  http://rosasnegras.ning.com/main/  but for my site, as I want people to come and join www.b-yond.co

Do you have any codes for sort of thing ?

Can you help me please thank you so much George :)

[George H. Compton IV]

do you mean the theme that they are using?  I believe a lot of that is done with the theme they choose.  You may want to contact them and see if it is a theme.

Let me know what out of there you wanted :-)

[Mary Jane Peterson]

Hi George,

Yes that sort of themes, but I still want to keep my tabs you did for me and the "style_GC_whole_network.css" Update Version 5.4 as well www.b-yond.co

Thank you :)