css_sprite.inc.php

サマリCSSスプライトが使えるプラグイン
リビジョン1.0
対応バージョン1.5.X
投稿者-
投稿日2021-09-26 (日) 22:36:39

css_sprite.inc.php

<?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);

ライセンス


トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2023-11-21 (火) 23:42:13
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 8.2.12. HTML convert time: 0.290 sec.

SourceForge