Tavolo Sprite CSS.

Question

C'è qualche tabella o lista per aiutare a riutilizzare le immagini dello sprite SharePoints? Mi piacerebbe riutilizzare ad es.Icone da /_layouts/15/images/spcommon.png?rev=23

Modifica dopo la risposta di Tiago

Grazie per l'ANWSER per utilizzare un generatore di sprite.Tuttavia, stavo pensando più a un modo per riutilizzare il CSS esistente.Ad esempio se "riutilizza" il seguente snippet 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>

.

ottengo il "segno più cerchio" insieme all'effetto panoramico.

Speravo di ottenere alcune informazioni come farlo per il resto degli sprite CSS come la freccia in cerchio (e facendo questo w / o la necessità di individuare il suo utilizzo da qualche parte in una pagina).

In ogni caso, se non c'è Anwser in tale rispetto accetterò Tiago da quando è la soluzione migliore

Answer 1

È possibile utilizzare Sprite Cow per generare il tuo CSS

http://www.spritecow.com/

Eric overfield ha un bel post su questo

.

Aggiornamento:

Collegherò alcune risorse aggiuntive:

https://stackoverflow.com/questioni/ 1452961 / How-to-Find-pixel-position-of-image-from-sprite-image

https://getspritexy.netlify.com/

Eric's Post (da Wayback Machine) - Sembra che il Live One sia rotto