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

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.
 

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

Garfield Archivist replied to Marly's discussion
Deleting Inactive Members.
"I have done this work before as a Ning for Hire. Removing many thousands for one network. You can e…"
5 hours ago
Anastasia_Ning_Support posted a discussion
After a series of webinars held in 2019, we decided to keep the good tradition of gathering network…
11 hours ago
Splisk liked Anastasia_Ning_Support's discussion What’s New on NING: Recap of the Latest Updates
yesterday
Ana Massien updated their profile
Friday
Ana Massien and ⚡JFarrow⌁ are now friends
NC for Hire
Friday
⚡JFarrow⌁ and Captain Major RockettBobebuzz are now friends
Friday
Ginette Hudson, Wendy Heatley, Javon Varona and 1 more joined Ning Creators Social Network
Friday
James Gatlin, Graham Plaster and jesse bollman joined Ning Creators Social Network
Thursday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
Ana Massien updated their profile photo
Wednesday
More…

Meanwhile, you can check our social media channels