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

FORUM

NC for Hire

This question was asked a few weeks back with no satisfactory answer so I'm going to show you  how to make horizontal subtabs.

Simply copy and paste the following code into Advanced css box. 

 

/*SUBTABS Tweaks*/
div.xg_subtab ul, div.xg_subtab li {
float: left!important;
}
#xg_navigation ul div.xg_subtab {
width: auto;
}
/*SUBTABS Tweaks*/


Just use the following code If you want to change the background and font color of your preference. 

#xg_navigation ul div.xg_subtab ul li a {
color:white;
background: red;
}

Live Preview: http://www.ksnonline.org/

Preview:

You may want to contact me via my mail id bernardmax2@gmail.com if you want more than this tip.

Best Wishes

Bernard

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    Hey Bernard,

    Nice tip, although in Firefox it looks like this:

    1064511376.jpeg?width=721Cheers

    SP

    • Hello Bernard and sweetpotato

      this will fix that problem in Firefox

      #xg_navigation ul div.xg_subtab ul li a span {
          margin-right: 0px !important;
          margin-left: 0px !important;
      }

      1064545259.jpeg

      1064545260.jpeg

      • NC for Hire

        Well, I did not check it in firefox before posting this tip. BTW, thank you SP and George.

        • you're welcome Bernard :) you have a great day

  • Hi Brian,

    Thanks for the explanation on creating the horizontal subTabs.  Now I have two questions.  I'm building my Ning Website.  This is my website.  www.womenEntrepreneursExchange.com.  

    1.  I want my page/tab navigation 2-horizontal to look like  this website.  http://mybbwo.com/.  This website uses an (image slider plugin, similar to yours, and a WordPress Plug-in) to for the "Featured Ad".    I can modify the font color/style.  I just need to know what the code is and where do I put it in Ning1064511383.png?width=721?

    2.  What image scroller plugin are you using?  Would you mind sharing the code.
    1064511388.png?width=721

      • I'm also interested in question 1. Looks really cool!

        Please share the code if its possible! 

  • thank Bernard Lama

    1064511359.jpeg

    www.fusarshinlay.net

  • hello Debbie :)

    this should do the trick :-) I know it's not horizontal its vertical but it's the best I could do LOL :-) you have a great day Debbie

    #xg_navigation ul div.xg_subtab ul li a span {
        border-right: 4px solid black!important;
        margin-right:-9px!important;}
    #xg_navigation ul div.xg_subtab a{
        background-color: transparent!important;}

    1064554176.jpeg?width=521

  • NC for Hire

    nice tip B~

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Ceddy J replied to Ceddy J's discussion
Disk Usage Enforcement
"Usage is one day but a random spike plus 5 days to upgrade is crazy."
6 hours ago
Ceddy J replied to Ceddy J's discussion
Disk Usage Enforcement
"Yep now you see how I felt because it jumped out of nowhere."
6 hours ago
Jelena liked Ceddy J's discussion Disk Usage Enforcement
8 hours ago
This Is bully replied to Ceddy J's discussion
Disk Usage Enforcement
"Well seems like they're going to milk us for every dime they can get."
12 hours ago
This Is bully replied to Ceddy J's discussion
Disk Usage Enforcement
"I have over 10,000 photo's thousands of videos and Iv'e only used 8gb of my storage .. now today it…"
12 hours ago
Fabricio Giugni replied to Ceddy J's discussion
Disk Usage Enforcement
"Hi,It should be good for both sides not only for then."
14 hours ago
Fabricio Giugni replied to Ceddy J's discussion
Disk Usage Enforcement
"Hi,
   I feel Ning is designed to not help us grow. There is no limit upload size, there is no cont…"
14 hours ago
This Is bully replied to Ceddy J's discussion
Disk Usage Enforcement
"It’s just business "
17 hours ago
Susan commented on Steve C's blog post To Ning's CEO
"Steve, I'm interested in the answer NING surely sent to you....
Thanks"
17 hours ago
Alastair Price, Jessica Meakin, Corey A Jackson and 4 more joined Ning Creators Social Network
18 hours ago
Ceddy J posted a discussion
Today I received an unsettling email regarding disk usage on my site. Not only did they say Inwent…
20 hours ago
J.Ayvar left a comment on Ning Networks en español
"Hola! Alguien ha construido una versión de Ning. 4? Yo ya cree mi sitio web en la última versión.…"
yesterday
More…

Meanwhile, you can check our social media channels