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.
 

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

This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"DO you have google ads that can earn you a few hundred bucks a month."
15 hours ago
⚡JFarrow⌁ updated their profile
15 hours ago
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"I have figured this out and created a new thread for it over at: https://creators.ning.com/forum/to&hellip;"
17 hours ago
Scott Bishop posted a discussion
In this example I will be using "community" as the subdomain. This will also carry over all your SE…
17 hours ago
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"If I am understanding the pricing properly, if I move from Ning 2.0 to Ning 3.0 it will "double" my…"
21 hours ago
This Is bully replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"It’s actually free on 3.0 they just take a fee 3% on each transaction"
22 hours ago
Greg Fultz, mohd iqbal jafri, Edin Dulovic and 3 more joined Ning Creators Social Network
yesterday
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"I beleive I may have this figured out. Dashboard > Tools > Domain Mapping. Then in the text box for…"
yesterday
Fashion replied to Anastasia_Ning_Support's discussion
Why should I migrate?
"Unfortunately, I am not sure that anyone would pay $1. Even though I pay several hundred dollars f…"
yesterday
Scott Bishop replied to Scott Bishop's discussion
301 Redirect to Subdomain
"Oh, I didn't realize that www is actually considered subdomain. I've got no problem dropping the ww…"
yesterday
⚡JFarrow⌁ replied to Scott Bishop's discussion
301 Redirect to Subdomain
"well, both www and community would be subdomains so www.community.surfershot.com may not work...hav…"
yesterday
Scott Bishop posted a discussion
Does anyone know the best way to redirect our mysite.ning to a subdomain (community.). I already ha…
yesterday
More…

Meanwhile, you can check our social media channels