"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

[Damien Hannah]

Hey there George, I just wanted to give you a head's up, I've decided to implement this newest version of you style sheet tip. I of course have edited it to my liking, still making a few minor adjustments here and there.

I do notice that my member's profiles no longer hide the left column, and stretch the right column larger. I've had a new idea with this. What if the left column was hidden, but then the middle (would then be the left after hiding most left column) stretched to match the right side column. This way, my members have two columns of the same size. Could you help me accomplish this? Again, it's only for member profile pages.

Thank you sir, again, upon using this new style sheet, (I was using 1st version I believe) my network has been greatly enhanced! (Gone grey, felt there was too much black. Now it feels nice. :) A little warmer I guess you could say.)

Come have a look !

http://addictapic.com

[George H. Compton IV]

I see you have the right column gone again on the profiles did you still want help resizing the two columns?

[Damien Hannah]

That would be great George, actually there's a few things I'm looking to do, but I know you're pretty busy these days. :)

Just waiting for this webinar thingy too, thought it was at 1pm, but maybe I read the wrong timezone or something, been waiting an hour now. ha ha ha

When you get some time George, and if you're willing of course, there are some things I'd love your expert help with. :)

[George H. Compton IV]

Send me a message with everything you want changed or done and I'll see what I can do :-) you have a great day Damien

[Damien Hannah]

Ok George, thank you so much!

See my new splash page? :) :) Wrote from scratch on Dreamweaver, so proud of myself. ha ha

[George H. Compton IV]

you did an awesome job with your splash page :-) I've never used Dreamweaver all my codes are written from scratch by hand LOL I'm going to have to give it a shot though and see how much easier it is with that :-)

You have a great day Damien

[Rosas † Negras]

Rosas Negras is not more 'design studios, we are working to delete the zumm,can you help me my friend, thank you in advance

[Rosas † Negras]

let me know if not I have to delete all your code thanks

[George H. Compton IV]

hello Rosas

just remove any code that has this in it.  That's the mouse over Zoom effect code.

:hover{transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:scale(1.20);-webkit-transform:scale(1.20);-moz-transform:scale(1.20);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;}

[Rosas † Negras]

thanks for your time and help.

[George H. Compton IV]

You're welcome my friend :-)