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

FORUM

Hi there :)

NING 3.0 has still any problem, however we knew NING 3.0 is totaly POWERFUL more than NING 2.0.

As you know, Individual CSS-MarkUp is gone in NING 3.0. It means, You can not add any icon on each menu-tab.

Do you know you can use "<i>"tag in Tab-title?
So, You can add the icon using <i> tag :D

See Example: http://skf-japan.ning.com*I'm sorry. This is Japanese Site.

[How to do that?]

1: Site&Page

At first, You need add to <i>tag in your tab-title.
If the tab-title name is "TOP", You can add <i> tag with class name. "<i class="h"></i>TOP ".

2:Add CSS code!!
Add CSS code like this,
-----------------------
.h{
    background: url("https://storage.ning.com/topology/rest/1.0/file/get/3240346?profile=original") ;
    display: block;
    float: left;
    height: 16px;
    margin-right: 3px;
    margin-top: 5px;
    width: 16px;
}
-----------------------

You can see "home-icon" in your menu-tab :D

[Example]

This is my code of adding icons...

Icon file: https://api.ning.com/files/kY9puDXSBJbqKFgQOZWGjPvTxdeEQeTAEvCzMW9ZoQ9SAXNuHrnwj4AVGNn0Tre0t8fS*RiFBsxackGCfw8X83srDvAiYaHN/menuicon.png

  • <i class="h"></i> => Home icon
  • <i class="j"></i> => Question icon
  • <i class="s"></i> => World icon
  • <i class="t"></i> => Calender icon
  • <i class="m"></i> => Video icon
  • <i class="k"></i> => Star icon
  • <i class="g"></i> => Direction icon

---CSS Code----------------------------

.h,.j,.s,.t,.m,.k,.g{
    background: url("https://storage.ning.com/topology/rest/1.0/file/get/3240346?profile=original") ;
    display: block;
    float: left;
    height: 16px;
    margin-right: 3px;
    margin-top: 5px;
    width: 16px;
}
.j{
background-position:0 -16px;
}
.s{
background-position:0 -32px;
}
.t{
background-position:0 -48px;
}
.m{
background-position:0 -64px;
}
.k{
background-position:0 -80px;
}
.g{
background-position:0 -96px;
}

---------------------------------------

If you have any question, Please let me know!!

【The site using this TIP :D】

  • Shin Koyamada Foundation




  • Keeping it Real - Susan Boyle

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

  • Wow, I'll have to take a stab at this.  Thank you for sharing Sho Allan.

    • Hi, Kos :)

      Thanks for your reply!!

      I will keep to share NING 3.0 TIPs!!

      good luck,
      SHO

  • NC for Hire

    What on Earth made you think to try a tag in a title? How cool. I would have never in a million years tested something like this. Nice job. =) I hope it's not a quirk, and that it continues to work. Keep us posted.

    • Hi, Jen :)

      Thanks a lot!!! but, be careful!!
      Tab-title has the limit of type digit. so, you can not choose tab-title so longer.
      I will keep to post NING 3.0 TIPs :D

      good luck,
      SHO

      • NC for Hire

        Hi SHO,

        Yeah, I'd rather "watch" on this one. Please keep us posted.

        Thanks,

        Jen

    • This reply was deleted.
  • This reply was deleted.
    • Thank you, Riccardo :D

  • Wow great tip and innovative thank you for share it Sho Allan. Can I add a photo icon?
    • Hi Jelena :)

      Thanks a lot!!
      Yeah, You can add a photo-icon !!

      1064545711.pngPlease change one of any icon to 16px/16px photo-icon!!

      good luck,
      SHO

  • This is good stuff...would like to see what kind of applications this could have...

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

Rodney Redman updated their profile
3 hours ago
Rachella Sinclair replied to Brandyn Shepherd's discussion
NING - Mobile App!
"I seriously need this!!! Will most likely leave Ning if they don't get their act together on this f…"
yesterday
Rachella Sinclair replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Any chance of getting a mobile app anytime soon? I've got heavy competition and they're all app-bas…"
yesterday
Fernando Bisbal posted discussions
yesterday
Anam replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"Don't forget Mr. George H. Compton IV's fabulous Christmas lights....thank you again, and blessings…"
yesterday
Dr Husky (Emalejandro) posted a discussion
Help.I need upload my file ads.txt file to the root of my website. If I don't do it, my adsense inc…
yesterday
Anam replied to Anam's discussion
Comments on Profile Pages Do Not Appear in Latest Activity
"The main problem is Moderation.
If a site owner does not check members pages, then the site owner c…"
yesterday
Anam posted a discussion
This has been so for a long time. It used to not be that way on Ning 2 sites. I have brought it to…
yesterday
This Is bully replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"I hope it's available for the activity feed.."
Friday
Scott Bishop replied to Scott Bishop's discussion
Mobile Upload to Branded Video Player
"A few major issues with the Branded player. 

I no longer have the secure SSL because of it. I gues…"
Friday
kostasgr replied to kostasgr's discussion
facebook
"  Hi Ambrosie ! yes I have SSL on my site .."
Thursday
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Will the search features appear next week as well? "
Thursday
More…

Meanwhile, you can check our social media channels