Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

Thanks dave for the idea and the snippets of codes and you're welcome for the tabs  :-)

You can change the color Of the text by changing the colors black and white in the code below. White is the the color of the mouse over affect.

you can change the width of the main tabs by Lowering the numbers in this line of code min-width:165.4px!important; its the very last line

Right click on the images and open it in a new tab to get a better view

Dark tabs

this code goes in your NC custom code box

<link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/DqaYw0w2aP9SPR31*jBnBGCANr8a4CW3TUXswkt2is50tFfUSIyhBxMYZBMhXfa4ygnTtjVqEs1UYlkhkDwDlavbAgJZZ9HY/1059731831.css" />

<style>
DIV#xg_navigation .xg_subtab SPAN{color:black!important;
  transition:all 1s ease-out;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;}
DIV#xg_navigation .xg_subtab SPAN:hover{color:white!important;
  transition:all 1s ease-out;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;}
DIV#xg_navigation  A{opacity: 0.86!important;
max-width:165.4px!important;
min-width:165.4px!important;}
</style>

light tabs

this code goes in your NC custom code box

<link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/DqaYw0w2aP-ekVNNeorzizphrCJVEtaEghwjpQax9nZjpFIET5ZnHQ7fxnF2-MaXd7GfQxphN-M7AeXcIFSA5WDfWfRWDxYT/1059731840.css" />

<style>
DIV#xg_navigation .xg_subtab SPAN{color:black!important;
  transition:all 1s ease-out;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;}
DIV#xg_navigation .xg_subtab SPAN:hover{color:white!important;
  transition:all 1s ease-out;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;}
DIV#xg_navigation  A{opacity: 0.86!important;
max-width:165.4px!important;
min-width:165.4px!important;}
</style>

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Beautiful

    • thank you classic :-) you have a great day

      • This reply was deleted.
        • yes there is just replaced the url in this line of code and add it to the code above

          DIV#xg_navigation UL.xg_subtab A:hover {
            background-image: url(http://api.ning.com:80/files/uKM9hq-hRI9e9FYHWmgH*rga3BVZtKOy1GP2njqm8Higc8GwwwC0KPiEvbbYR3Oc2lyjYZlBjhaibPEuDkfzvA__/Apple2_lvgmain.jpg)!important;
            background-size:100% 100%!important;}

          Thank you for the compliment and you're welcome Armani

          • And use this one for all tabs mouse over fx the one up above is only for the subtabs

            DIV#xg_navigation .xg_subtab A:hover {
              background-image: url(http://api.ning.com:80/files/uKM9hq-hRI9e9FYHWmgH*rga3BVZtKOy1GP2njqm8Higc8GwwwC0KPiEvbbYR3Oc2lyjYZlBjhaibPEuDkfzvA__/Apple2_lvgmain.jpg)!important;
              background-size:100% 100%!important;}


            • This reply was deleted.
              • it all goes into your NC custom code box..

                make sure you put the image code above inside the <style> with the other codes

                example it should look like this in your custom code box.

                <link rel="stylesheet" type="text/css" href="http://api.ning.com:80/files/m9wY6nHswW7KYgA1Z9GMe5n-0r6lN70TXGvTdxNKiNG7dZLiaTKJkiqWdC*uAgRGD-up-1Mx17CT4b4ps0T395wTRaf2F2rr/1059818879.css" />

                <style>
                DIV#xg_navigation .xg_subtab A:hover {
                  background-image: url(http://api.ning.com:80/files/uKM9hq-hRI9e9FYHWmgH*rga3BVZtKOy1GP2njqm8Higc8GwwwC0KPiEvbbYR3Oc2lyjYZlBjhaibPEuDkfzvA__/Apple2_lvgmain.jpg)!important;
                  background-size:100% 100%!important;}
                DIV#xg_navigation .xg_subtab SPAN{color:black!important;
                  transition:all 1s ease-out;
                  -webkit-transition:all 1s ease-out;
                  -moz-transition:all 1s ease-out;}
                DIV#xg_navigation .xg_subtab SPAN:hover{color:white!important;
                  transition:all 1s ease-out;
                  -webkit-transition:all 1s ease-out;
                  -moz-transition:all 1s ease-out;}
                DIV#xg_navigation  A{opacity: 0.86!important;
                max-width:165.4px!important;
                min-width:165.4px!important;}
                </style>

                • This reply was deleted.
                  • message me a list of things you want removed from the stylesheet or what you want to keep in the stylesheet since you were changing the tabs I'm going to remove the tab codes from your stylesheet.  That way you won't have your subtab Animation from the previous tabs

        • read the discussion again I change the way you Implement the code on your network

    • okay Woody what's going on :-)

      • oh hey dang i just saw my sub-tabs freakout corners chopped off saw the topic here somewhere dunno what the hey Glam has done think she gotta go... !

This reply was deleted.

Search the Creators Network

Latest Activity

soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"and..i just posted an event a goal of  going live by new years eve..
if not then then very near then"
11 minutes ago
Rob Nanya replied to Rob Nanya's discussion Any simple way to put the site offline?
"Sounds good.  I'm used to other CMSs like Joomla where you can take your site offline with a click…"
2 hours ago
Kos replied to Rob Nanya's discussion Any simple way to put the site offline?
"I never worry about the other pages - 99.9% of people wouldn't know how to enter a URL to find them…"
2 hours ago
Kos replied to Rob Nanya's discussion Any simple way to put the site offline?
"Do you not want members to even access it?
If you just wish visitors not to be able to view, I woul…"
2 hours ago
Az'ya replied to Az'ya's discussion How do I place the google custom search box in a sidebar module?
"Thanks Kos... yes, it's been a disappointment that there is no internal search. I've opted out of u…"
5 hours ago
Rob Nanya replied to Rob Nanya's discussion how to change style/color of single module?
"Sure, if you go to http://preserve.ning.com/ homepage there is the UTube module and the Blog module…"
5 hours ago
Rob Nanya replied to Rob Nanya's discussion Can't use footer - greyed out
"CORRECTION:Just tried it in Firefox and it worked.  Was using Chrome all the time and no go on that…"
5 hours ago
Rob Nanya replied to Rob Nanya's discussion Can't use footer - greyed out
"When I click on those boxes nothing pops-up.  No Content Settings box comes up.  I think that's whe…"
5 hours ago
Antonio Ancelmo Matos Santos is now a member of Tips and advice.
6 hours ago
John Bizley replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"Nice one George that's a great update :-)"
7 hours ago
George H. Compton IV replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"Update!! This code now supports slideshare presentations. If there's any certain type of video play…"
8 hours ago
George H. Compton IV replied to John Bizley's discussion My Completed Video List Page and Main Viewing Page
"You're welcome John.I'll try to write something for that no guarantees though.
By the way I just up…"
8 hours ago
Thomas C Walker left a comment for carol
"Thank you for the Welcome Carol!"
9 hours ago
Thomas C Walker left a comment for Star-Dust
"Thank you for the Welcome!"
9 hours ago
Kos replied to Az'ya's discussion How do I place the google custom search box in a sidebar module?
"I wish Ning would just release their own internal search but everything has come to a crawl in term…"
9 hours ago
Kos replied to Az'ya's discussion How do I place the google custom search box in a sidebar module?
"I believe a few custom internal searches have been designed by they were paid for so no one's going…"
9 hours ago
Az'ya replied to Az'ya's discussion How do I place the google custom search box in a sidebar module?
"Kos, thanks so much for your reply!
I tested this and I see that it takes you to google for the res…"
10 hours ago
John Bizley replied to Rob Nanya's discussion Can't use footer - greyed out
""
10 hours ago
Abdallah Mrisho, Brady Rhodes, Annabel Gregory and 1 more joined Ning Creators Network
10 hours ago
Zachary Moonshine replied to Anant Garg's discussion CometChat Network Edition now available for NING
"I cant find the button to invite users to play 2 player games with me in this chat ? any ideas?"
10 hours ago
More…