Cleanlink – iconify your links 1.0 (new release)
by admin on Nov.07, 2009, under BLOG, PLUG-IN
Overview
The ‘cleanlink’ allows you to easily apply prominent icons to each of your links, automatically. This gives your users preemptive expectation what would happen once they’ve clicked on the link. It’s lightweight (4KB) and works across all browsers.
One can contest that you can use ‘attributes selector’ in css (a[target="_blank"]) to achieve this. But attributes selector is only available on more modern browser. Another issue with attribute selector is that it doesn’t work too well with the unpredictable HREF=”" attribute. Cleanliink – looks for specific target and file-type and apply icons to the links accordingly. Whether it be, PDF, ZIP, RAR, RSS, _blank, _new.
Quick start guide
- Download here
- Drop the file onto appropriate location.
- Insert the following html code inside the <head> tag
<link rel="stylesheet" type="text/css" href="cleanlink.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="cleanlink.js"></script><script type="text/javascript">
$(document).ready(function(){
$("a").cleanlink();
});
</script>
Demo
blank Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue lacinia massa id ultrices. Pellentesque ullamcorper diam sit amet mi tincidunt non vehicula metus imperdiet. Ut non dapibus leo. Sed auctor, arcu nec bibendum egestas, diam lorem tempus nibh, et faucibus lacus mauris ut orci. Fusce convallis dignissim pharetra. Sed nec felis at diam auctor convallis luctus ut nisl. Fusce aliquet faucibus sagittis. Nulla semper urna sed mi suscipit sed tristique metus ullamcorper. Nunc nec nisi nec felis rhoncus sagittis id ut dolor. Proin nec lorem in eros semper congue at id nulla.
new Integer dictum malesuada sem, at molestie sem viverra vitae. Aliquam erat volutpat. Praesent faucibus mi sit amet nunc placerat tincidunt. Cras congue purus sed tortor ultrices condimentum. Donec hendrerit egestas molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames acturpis egestas. Nullam lobortis quam sit amet ipsum dignissim non pellentesque lacus ultricies. Sed aliquam neque id velit faucibus dictum. Curabitur arcu nulla, iaculis vel pulvinar quis, accumsan aliquam sem. Mauris adipiscing ultricies dui, vitae ultricies eros dapibus in. Mauris auctor blandit ipsum. Aliquam interdum rutrum aliquet.
document file Nam ornare condimentum dictum. Aenean sed nulla sodales tortor sodales placerat. Duis et enim at magna faucibus vestibulum ut et augue. Praesent bibendum diam id ipsum cursus posuere. Pellentesque malesuada facilisis ligula, faucibus laoreet turpis tempor non. Pellentesque tincidunt felis et justo pellentesque vestibulum. Integer odio felis, ultrices quis ultricies sed, consequat et lectus. Donec imperdiet, nulla vitae vestibulum facilisis, quam magna placerat nisi, sit amet pharetra lectus elit eget felis. Proin a vehicula arcu. Fusce vel mollis nisl. Curabitur malesuada erat placerat neque rhoncus sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas ac mauris massa. Donec ultrices quam in ligula cursus vitae mattis diam luctus. Vestibulum at diam eu libero luctus vehicula vel quis quam. Vivamus nisl nisi, venenatis quis venenatis auctor, gravida nec massa. Ut nisl eros, pellentesque quis facilisis eget, sollicitudin vitae libero. In placerat nibh at augue pulvinar laoreet.
compressed file Aenean a eros enim. Vivamus quis justo lectus. Aliquam vulputate, purus fringilla mattis porta, dui neque ultricies enim, ac faucibus tortor metus at elit. Etiam faucibus dolor elementum lorem tempus vitae suscipit risus posuere. Mauris id tellus et arcu pellentesque elementum id eu metus. Nam scelerisque fringilla rhoncus. Cras id ligula et nisi sodales porta. Fusce ultricies blandit urna, sed ornare neque vehicula ornare. Morbi sed porta orci. Curabitur sodales eleifend diam vel rutrum. Pellentesque tempus vestibulum eros vel bibendum. Vestibulum eros quam, egestas nec lacinia ut, blandit et risus. Nulla egestas lacinia diam pulvinar ultrices. Donec at felis et diam commodo mattis.compressed file Nam ut pharetra metus. Praesent orci metus, porta a venenatis vitae, congue quis ligula. Duis porttitor, mi vel mattis viverra, nulla felis vestibulum justo, ac ornare nisi metus vel ipsum. Donec id neque lorem.
feed Sed lorem metus, facilisis quis porttitor imperdiet, tristique non libero. Phasellus sapien mi, placerat sit amet molestie posuere, condimentum sollicitudin nisi. Duis malesuada vehicula posuere. Aenean interdum gravida tempor. Nullam aliquam nisl eget metus pretium tempor. Proin non purus ante, gravida interdum nisi. Integer eu felis quis odio adipiscing blandit. Nulla massa mi, vestibulum id ornare a, volutpat ut mi. Fusce placerat nisl tortor. In hac habitasse platea dictumst.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In erat libero, elementum non bibendum sit amet, cursus ut augue. Integer velit purus, sollicitudin faucibus accumsan in, bibendum vitae velit. Cras sed odio augue, vel tempor lorem. Proin quis nunc sit amet lacus pulvinar tincidunt quis eu metus. Pellentesque et nulla velit, quis lobortis tellus. Nam venenatis, nulla ut posuere scelerisque, quam metus aliquam velit, in ornare mauris neque non eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ultricies placerat nibh, a sollicitudin purus pulvinar sed. Nam lobortis varius ipsum pharetra ultrices. Phasellus sed velit magna. Sed sagittis aliquam nisl, non interdum arcu cursus a. Nullam nunc sem, rhoncus quis compressed file congue ac, dictum auctor sem. Quisque varius porttitor tellus, sit amet adipiscing neque faucibus sed. Quisque suscipit posuere ligula, ut euismod diam elementum sed. Mauris semper congue odio vitae fermentum. Donec leo dolor, vestibulum eget placerat eu, imperdiet vel lorem. Fusce nec enim in nibh porttitor aliquet. Nam cursus nunc a nisl egestas ut tincidunt leo aliquet. Donec adipiscing elementum feugiat.
Mauris lobortis augue quis dui lobortis mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed vel risus quam, a tempus nibh. Nunc ultrices ligula libero. Nunc eget ligula a magna condimentum ullamcorper vitae sit amet sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam tempor bibendum tristique. Donec sapien dui, volutpat dictum elementum eget, congue non sapien. In metus lorem, mattis ut ultrices et, luctus sit amet elit. In hac habitasse platea dictumst. Aenean et ligula sem.
3 Comments for this entry
1 Trackback or Pingback for this entry
-
JOHN
July 20th, 2010 on 11:29 pmBuy:Actos.100% Pure Okinawan Coral Calcium.Lumigan.Zovirax.Human Growth Hormone.Nexium.Retin-A.Zyban.Arimidex.Accutane.Synthroid.Prednisolone.Petcam (Metacam) Oral Suspension.Prevacid.Mega Hoodia.Valtrex….
August 1st, 2010 on 11:15 pm
Very nice site! is it yours too
September 1st, 2010 on 2:49 pm
I wanted to thank you for this excellent read!! I definitely loved every little bit of it. I have you bookmarked your web site to look at the latest stuff you post.
September 3rd, 2010 on 9:41 am
We are a group of volunteers and starting a new project in our neighborhood. Your blog provided us with valuable information to help us get started|.You have done an impressive job!