CSSスプライトテーブル

Question

SharePoints Spriteイメージを再利用するのに役立つテーブルやリストはありますか？ 再利用したいのですが/_layouts/15/images/spcommon.png?rev=23

のアイコン

Tiagoの回答の後編集

スプライトジェネレータを使用するためにアンジャーに感謝します。しかし、私は既存の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の使い方をページ内のどこかの方法で見つける必要がある）のためにこれをどのようにするかをいくつか取得することを望んでいました。

いずれにせよ、その点にアナワシがない場合、私はTiagoのTiagoをその時に最高の解決策を受け入れます

Answer 1

スプライト牛を使ってあなたのCSSを生成することができます

http://www.spritecow.com/

Eric Overfield この

更新：

私はいくつかの追加のリソースをリンクします：

https://stackoverflow.com/questions./ 1452961 /映像からの探索のピクセル位置 - スプライトの画像

https://getspritexy.netlify.com/

EricのPOST（Wayback Machine） - ライブのものが壊れているようです