The other way round

こんばんは ('0')/
まず、カスタマイズ終了されたとのことでお疲れ様でした。

-----
> ピンタレストのボタンをFimarksのデザインのボタンに〜

今回たまたまSVGがありましたので提供しますが、本来はご自身でアイコンを準備した上でお願いします。SVGは作成がとても難しいのでPNG画像で構いません。いずれにしろアイコンの準備は致しませんので、今回のみということでお願いします。
また、filmarksの場合は周囲のトゲトゲを取り除いてしまうと何のサービスかわからないばかりか『F』は普通はfacebookなので、色も形もそのまま残した方が良いと思います。浮いているように感じるかもしれませんが今回はこれで。変更したい場合はSVGの再作成をお願いします(知識が無いと無理かもしれません、ごめんなさい)

SVGは文字列が非常に長いためコメント欄に直書きできませんので、以下のファイルを開いてコピーしてください。
https://blog-imgs-156.fc2.com/v/a/n/vanillaice000/filmarks.txt

<defs>
で検索するとhtml内に1箇所ありますので、先程コピーした内容を以下の箇所にペースト。
https://blog-imgs-156.fc2.com/v/a/n/vanillaice000/sc_0221a.png

続きまして
<a class="sns-a s-pinterest-p"
で検索し、この文字列を含み直近、下の方にある
</a>
までを以下の内容に差し替え

filmarksのアイコンは非常に緻密なので、他サービスアイコンと同じ状態で掲載するとわけがわからなくなります。なので、スタイルシート最終に以下の内容を記し、表示サイズの調整を行ってください。

.svg-inline-filmarks {
  height: 1.6em;/* filmarksアイコンの高さ調節 */
}

一応1.6emにしておきましたが、小さいと思えば数値を大きく、大きければその逆を。

最後にスタイルシート最終に

.s-filmarks:hover {
background: rgb(255,225,1);
}

こちらがホバー時の背景色です。ホバーするとフォント自体が小さいためこれまたわけのわからない感じになりますがロゴの特徴なので仕方ないということで ^^;

管理者にだけ表示を許可する