サマリ | CSSスプライトが使えるプラグイン |
---|---|
リビジョン | 1.0 |
対応バージョン | 1.5.X |
投稿者 | - |
投稿日 | 2021-09-26 (日) 22:36:39 |
<?php global $CSS_SPRITE_STYLE; $colon = ":"; $CSS_SPRITE_STYLE = <<<EOD .pukiwiki-official { display: inline-block; width: 100px; height: 50px; line-height: 100%; background: transparent url('https{$colon}//pukiwiki.osdn.jp/image/pukiwiki-official.png') -100px -100px no-repeat; vertical-align: middle; margin:0 2px; text-align: center; text-shadow: none; color: transparent; } .pukiwiki-official-up { background-position: 0 0px; } .pukiwiki-official-down { background-position: 0 -50px; } EOD; function plugin_css_sprite_init() { global $head_tags, $CSS_SPRITE_STYLE; $head_tags[] .= "<style>" . $CSS_SPRITE_STYLE . "</style>"; } function plugin_css_sprite_inline() { $args = func_get_args(); return '<span class="' . $args[0] . ' ' . $args[1] . '">' . $args[2] . '</span>'; }
デフォルトではpukiwiki.osdn.jpのCSSスプライトを例として設定しています。 {$colon}についてはプロトコルが含まれているとページが作成できないようなのであえて変数を利用しています。
&css_sprite(pukiwiki-official,pukiwiki-official-up,PukiWiki Offical); &br;&br; &css_sprite(pukiwiki-official,pukiwiki-official-down,PukiWiki Offical);