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

FORUM

NC for Hire

A few weeks back I showed you how to add a pure HTML sidebar quicklinks navigation using Unicode.  Here for another short installment, I'll show you how to add symbols beside different types of links using Unicode and CSS

 

We Create Unicode Icons By Using CSS. You always see Icons beside certain types of links like:

  • Message or Letter Icon.
  • Arrow Icon.
  • Telephone Icon.
  • Quotation Icon.
  • Alert Icon.

These Icons Can be created automagically by using CSS.
Here is The CSS Code.

<style type="text/css">
a[href^="mailto:"]:before { content: "2709"; }
.phone:before { content: "2706"; }
.important:before { content: "27BD"; }
blockquote:before { content: "275D"; }
blockquote:after { content: "275E"; }
.alert:before { content: "26A0"; }
</style>

And here is some example HTML

<p>
<a href="mailto:info@yourdomain.com">
info@yourdomain.com
</a>
</p>

<p class="phone">
444-444-444
</p>

<p class="important">
REMEMBER: Don't get drunk and code.
</p>

<blockquote>
If it ain't broke, fix it until it is.
</blockquote>

Unicode isn't the answer to everything, but it is lighter than an image, so give it a try!

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

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

Tom Whelan replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Same old crazy roller coaster ride with Ning.  Too expensive for what you get at this point anyway,…"
2 hours ago
Falco posted a discussion
I need site moderation and chat moderation tools and controls just like Ning 2.0 but currently not…
11 hours ago
Falco updated their profile
11 hours ago
Humberto Morales, Eric Martin, Tony Hayden and 13 more joined Ning Creators Social Network
12 hours ago
Ceddy J replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Not what I'm ready to hear"
21 hours ago
Thisisbully replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Don’t be surprised they pull the plug on us come the new year lol"
yesterday
Thisisbully replied to Ceddy J's discussion
So Ning, You Weren't Going To Announce Some Of These Awesome Updates?
"Like push notifications that was promised since last year "
yesterday
Bizz ( John ) replied to Ceddy J's discussion
So Ning, You Weren't Going To Announce Some Of These Awesome Updates?
"I got to agree Hugh, I stopped my sites to wait until new updates where done like the new activity…"
yesterday
Hugh replied to Ceddy J's discussion
So Ning, You Weren't Going To Announce Some Of These Awesome Updates?
"Might fixing existing months or years old 'highest priority'problems be on the list?"
Saturday
Hugh replied to David's discussion
Missing Section On Website?
"You have my sympathy. 
If you have the same issue and me the support system module is broken. I'm t…"
Saturday
Hugh posted a discussion
Is it me, or is anyone else fed up with the constant messages like the one below: Lots of polite bu…
Saturday
Garfield Archivist replied to Garfield Archivist's discussion
Tumblr Endgame
"Thank you for contributing to the conversation. It may be a bit premature to talk about migration w…"
Friday
More…

Meanwhile, you can check our social media channels