SHARE
TWEET

Externe Links mit FontAwesome auszeichnen (ausführlich)

studioart Jun 3rd, 2014 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*interner Link*/
  2. .entry p a[href^="http://deine-seite.de"]:after, a[href^="http://deine-seite.de"]:after {
  3.     content: none !important;
  4. }
  5.  
  6. /* externer Link */
  7. .entry p a[href^="http:"]:after, .entry p a[href^="https:"]:after {
  8.     color: #5FB5BA;
  9.    content: "\f08e";
  10.     font-family: FontAwesome;
  11.     font-size: 12px;
  12.     font-style: normal;
  13.     left: 2px;
  14.     position: relative;
  15.     top: -4px;
  16. }
  17.  
  18. /* wikipedia Link */
  19. .entry p a[href^="http://de.wikipedia"]:after, a[href^="http://de.wikipedia"]:after {
  20.     color: #5FB5BA;
  21.    content: "\f129";
  22.     font-family: FontAwesome;
  23.     font-size: 12px;
  24.     font-style: normal;
  25.     left: 2px;
  26.     position: relative;
  27.     top: -4px;
  28. }
  29.  
  30. /* mailto Link */
  31. .entry p a[href^="mailto:"]:after {
  32.     color: #5FB5BA;
  33.    content: "\f003";
  34.     font-family: FontAwesome;
  35.     font-size: 12px;
  36.     font-style: normal;
  37.     left: 2px;
  38.     position: relative;
  39.     top: -4px;
  40. }
  41.  
  42. /* PDF Link */
  43. .entry p a[href$=".pdf"]:after {
  44.     color: #5FB5BA;
  45.    content: "\f1c1";
  46.     font-family: FontAwesome;
  47.     font-size: 12px;
  48.     font-style: normal;
  49.     left: 2px;
  50.     position: relative;
  51.     top: -4px;
  52. }
  53.  
  54. /* ZIP Link */
  55. .entry p a[href$=".zip"]:after {
  56.     color: #5FB5BA;
  57.    content: "\f1c6";
  58.     font-family: FontAwesome;
  59.     font-size: 12px;
  60.     font-style: normal;
  61.     left: 2px;
  62.     position: relative;
  63.     top: -4px;
  64. }
  65.  
  66. /* Dropbox Link */
  67. .entry p a[href^="https://www.dropbox"]:after {
  68.     color: #5FB5BA;
  69.    content: "\f16b";
  70.     font-family: FontAwesome;
  71.     font-size: 12px;
  72.     font-style: normal;
  73.     left: 2px;
  74.     position: relative;
  75.     top: -4px;
  76. }
  77.  
  78. /* Wordpress Link */
  79. .entry p a[href^="http://wordpress"]:after {
  80.     color: #5FB5BA;
  81.    content: "\f19a";
  82.     font-family: FontAwesome;
  83.     font-size: 12px;
  84.     font-style: normal;
  85.     left: 2px;
  86.     position: relative;
  87.     top: -4px;
  88. }
  89.  
  90. /* Facebook Link */
  91. .entry p a[href^="http://facebook"]:after {
  92.     color: #5FB5BA;
  93.    content: "\f082";
  94.     font-family: FontAwesome;
  95.     font-size: 12px;
  96.     font-style: normal;
  97.     left: 2px;
  98.     position: relative;
  99.     top: -4px;
  100. }
  101.  
  102. /* Twitter Link */
  103. .entry p a[href^="http://twitter"]:after {
  104.     color: #5FB5BA;
  105.    content: "\f099";
  106.     font-family: FontAwesome;
  107.     font-size: 12px;
  108.     font-style: normal;
  109.     left: 2px;
  110.     position: relative;
  111.     top: -4px;
  112. }
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