SilverStripe sports document link icons

Posted by Sigurd on 9 November 2007

SilverStripe 2.2 will automatically place unobtrusive icons next to text links that go to files, like Word Documentsand PDF's.

Just add a link in the editor, and if it recognises the type of the file, an icon is automatically added. This helps visitors on websites make better choices when navigating your site.

We're making use of a CSS technique demonstrated by Eric Meyer at his AnEventApart conference in San Francisco last month:

.typography a[href$=".PDF"] {
   padding: 2px; 
   padding-left: 20px; 
   background: url(../images/icons/page_white_acrobat.png)
     left center no-repeat; 
} 

This CSS technique (Attribute selectors) works in Safari, Firefox, and Internet Explorer 7. Thanks Sean for contributing this!

5 Comments. Add Yours Tags: ,

Post your comment

Comments

  • i think it would: http://tinyurl.com/2um2na

    Posted by xeraa, 2 years ago

  • these wouldn't validate would they ?

    Posted by Simon, 2 years ago

  • Yes Colin you're right. but it's a nice touch anyway :).

    Posted by CoolGoose, 2 years ago

  • Yes, we've simply added blocks of CSS identical to the example above, and added some icons, to the BlackCandy theme that will be released in SilverStripe 2.2. A nice, easy enhancement :)

    Posted by Sigurd Magnusson, 2 years ago

  • This is a function of theme styling, not a CMS feature, right?

    Posted by Colin, 2 years ago

RSS feed for comments on this page | RSS feed for all comments

Looking for our Open Source Software? Then head to SilverStripe.org.

Comments on this website? Please give feedback.