#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


トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.060 sec.

OSDN