CSS Sprite Table

Question

Есть ли таблица или список, чтобы помочь повторно использовать изображения SharePoints Sprite? Я хотел бы повторно использовать E.g.Иконы из /_layouts/15/images/spcommon.png?rev=23

Редактировать после ответа Tiago

Спасибо за Anwser, чтобы использовать генератор спрайта.Однако я больше думал о том, как повторно использовать существующие CSS.Например, если я «повторно использую» следующий фрагмент HTML:

<a id="idHomePageNewItem" class="ms-heroCommandLink">
  <span class="ms-list-addnew-imgSpan20">
  <img id="idHomePageNewItem-img" src="/sites/jriemer/_catalogs/theme/Themed/386EAB37/spcommon-B35BB0A9.themedpng?ctag=2" class="ms-list-addnew-img20">
  </span><span>Add New Event</span></a>

.

Я получаю "плюс знак в кругу" вместе с эффектом зависания.

Я надеялся получить некоторую информацию о том, как сделать это для остальных спрайтов CSS, таких как стрелка в круге (и выполнение этого w / o, необходимо определить его использование где-то на странице).

В любом случае, если нет Anwser в этом отношении, я приму Tiago's с тех пор, как лучшее решение

Answer 1

Вы можете использовать Sprite COW для создания ваших CSS

http://www.spritecow.com/

Eric Overfield имеет хороший пост на этомP >.

<Сильное> Обновление:

Я свяжу несколько дополнительных ресурсов:

https://stackoverflow.com/wavestions/ 1452961 / ОАК-НАЙТИ-Pixel-Position-Image-From-Sprite-Image

https://getspritexy.netlify.com/

Eric's Post (от Wableback Machine) - кажется, живая сломана