この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン | |||
dokuwiki_styleinline [2018/04/07 07:43] 管理者 |
dokuwiki_styleinline [2018/04/20 21:05] (現在) 管理者 |
||
---|---|---|---|
ライン 1: | ライン 1: | ||
+ | [[start]]>[[dokuwiki_start]] | ||
+ | ====== DokuWiki - プラグインを使わず文字装飾 ====== | ||
+ | htmlを使えばプラグイン無しで実現できます。(HTMLを使用するため、DokuWikiのサイト設定でHTML埋め込みを許可する必要があります) | ||
+ | ---- | ||
+ | ===== デモ ===== | ||
+ | 基本 | ||
+ | |||
+ | 文書中で<html><span style="background-color:#ff0000;color:#ffff00"></html>カラー<html></span></html>を変えれます。 | ||
+ | |||
+ | 入れ子 | ||
+ | |||
+ | <html><span style="background-color:#ffff00;">黄背景</html> | ||
+ | <html><span style="color:#0000ff">青文字</html> | ||
+ | <html><span style="font-size:150%">150%</html> | ||
+ | <html></span></html> | ||
+ | <html></span></html> | ||
+ | <html></span></html> | ||
+ | |||
+ | リストなどで使用可能 | ||
+ | |||
+ | * <html><span style="background-color:#0000ff;color:#ffffff">青背景+白文字</html> | ||
+ | * <html><span style="background-color:#ff00ff;color:#ffffff">紫背景+白文字</html> | ||
+ | |||
+ | ===== PR ===== | ||
+ | <html> | ||
+ | <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | ||
+ | <!-- respon_0 --> | ||
+ | <ins class="adsbygoogle" | ||
+ | style="display:block" | ||
+ | data-ad-client="ca-pub-9251612436023685" | ||
+ | data-ad-slot="1409739163" | ||
+ | data-ad-format="auto"></ins> | ||
+ | <script> | ||
+ | (adsbygoogle = window.adsbygoogle || []).push({}); | ||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | ===== サンプル ===== | ||
+ | |||
+ | <code html> | ||
+ | 基本 | ||
+ | |||
+ | 文書中で<html><span style="background-color:#ff0000;color:#ffff00"></html>カラー<html></span></html>を変えれます。 | ||
+ | |||
+ | 入れ子 | ||
+ | |||
+ | <html><span style="background-color:#ffff00;">黄背景</html> | ||
+ | <html><span style="color:#0000ff">青文字</html> | ||
+ | <html><span style="font-size:150%">150%</html> | ||
+ | <html></span></html> | ||
+ | <html></span></html> | ||
+ | <html></span></html> | ||
+ | |||
+ | リストなどでも使える | ||
+ | |||
+ | * <html><span style="background-color:#0000ff;color:#ffffff">青背景+白文字</html> | ||
+ | * <html><span style="background-color:#ff00ff;color:#ffffff">紫背景+白文字</html> | ||
+ | </code> | ||
+ | |||
+ | ===== 説明 ===== | ||
+ | 下記コードを装飾したい部分に挿入するだけです。改行無しで一行で書けます。装飾方法はスタイルシートに従います。 | ||
+ | <code html> | ||
+ | <html><span style="スタイルシート設定"></html> | ||
+ | 装飾テキスト | ||
+ | <html></span></html> | ||
+ | </code> | ||
+ | ---- | ||
+ | [[start]]>[[dokuwiki_start]] | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||