SHARE
TWEET

Untitled

a guest Oct 21st, 2019 99 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!HTML>
  2. <head>
  3. <style>
  4. ul.links {
  5.  list-style-type: none;
  6.  margin: 0;
  7.  padding: 0;
  8.  line-height: 1.6;
  9. }
  10. /* USING ATTRIBUTE SELECTORS for external links */
  11. ul.links li a[href^="http:"] {
  12. padding-left: 20px;
  13. background-image:url(images/icon-link-external.png);
  14. background-repeat: no-repeat;
  15. }
  16. /* USING ATTRIBUTE SELECTORS for email */
  17. ul.links li a[href^="mailto:"] {
  18.  padding-left: 20px;
  19.  background-image: url(images/icon-link-email.png);
  20.  background-repeat: no-repeat;
  21. }
  22. /* USING ATTRIBUTE SELECTORS for pdf files */
  23. ul.links li a[href$=".pdf"] {
  24.  padding-left: 20px;
  25.  background-image: url(images/icon-pdf.png);
  26.  background-repeat: no-repeat; }
  27.  </style>
  28.  
  29. <body>
  30.  
  31. <ul class="links">
  32. <li><a href= "http://www.bfei.ie">BFEI</a></li>
  33. <li><a href= "#.pdf">BFEI Brochure</a></li> <!--# = Dummy-->
  34. <li><a href= "mailto:you@example.com">Send an email</a></li>
  35. </ul>
  36.  
  37. </head>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top