#author("2021-09-26T22:36:39+09:00","","") ** css_sprite.inc.php [#tbcbe9a2] |RIGHT:100|LEFT:360|c |~サマリ|CSSスプライトが使えるプラグイン| |~リビジョン|1.0| |~対応バージョン|1.5.X| |~投稿者|[[-]]| |~投稿日|&new{2021-09-26 (日) 22:36:39};| * css_sprite.inc.php [#tb21de2f] <?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>'; } * 説明 [#xe26ac5f] デフォルトでは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); ** ライセンス [#o0621c79] - GPL