Hiroron Labs :: WinKey

 2020年11月27日(金) 17:40 JST

nouveauテーマの効果のテスト

Tag: geeklog nouveau テーマ効果 tips

Geeklogのnouveauテーマではなにやら色々な仕掛けが最初から用意されている。
それらはタグを記述するだけでよいようになっているので、日本語でのメモと効果の確認を以下で行っています。


次のように記述するとコンソール表示のようになります。
<pre>まずはpreタグです</pre>
まずはpreタグです

次のように記述するとメモやTIPSのようになります。
<span class="note">次はspanタグでクラスがnote</span>
次はspanタグでクラスがnote

次のように記述すると情報表示のようになります。
<span class="info">次はspanタグでクラスがinfo</span>
spanタグでクラスがinfo

次のように記述するとアイデアや工夫やTIPSのようになります。
<span class="idea">次はspanタグでクラスがidea</span>
spanタグでクラスがidea

次のように記述するとヘルプのようになります。
<span class="help">次はspanタグでクラスがhelp</span>
spanタグでクラスがhelp

次のように記述するとダウンロードのようになります。
<span class="down">次はspanタグでクラスがdown</span>
spanタグでクラスがdown

次のように記述すると注意のようになります。
<span class="alert">次はspanタグでクラスがalert</span>
spanタグでクラスがalert


次はブロッククオートで囲みます。
<blockquote><p>ブロッククオートで囲みます。</p></blockquote>

ブロッククオートで囲みます。
一行だとブロッククオートのマークが綺麗に表示されないので二行以上必要です。



次はリスト表示の色々です。
まずはイメージでのリストです。
  • <ul class="arrow"><li>...</li></ul>
  • <ul class="bug"><li>...</li></ul>
  • <ul class="cart"><li>...</li></ul>
  • <ul class="check"><li>...</li></ul>
  • <ul class="script"><li>...</li></ul>

次にリスト項目の小丸です。
  • <ul class="bullet-blue"><li>...</li></ul>
  • <ul class="bullet-grey"><li>...</li></ul>
  • <ul class="bullet-plus"><li>...</li></ul>
  • <ul class="bullet-rss"><li>...</li></ul>
  • <ul class="bullet-star"><li>...</li></ul>

リストサンプルの最後は数値です。
ulタグは次のように宣言してliで数値を指定します。
<ul class="number">...</ul>
  • <li class="num-1">...</li>
  • <li class="num-2">...</li>
  • <li class="num-3">...</li>
  • <li class="num-4">...</li>
  • <li class="num-5">...</li>
  • <li class="num-6">...</li>
  • <li class="num-7">...</li>
  • <li class="num-8">...</li>
  • <li class="num-9">...</li>

その他にもJavaScriptなどで効果が用意されてますので英語ですが配布サイトのドキュメントをご覧下さい

Trackback

Trackback URL for this entry: https://hiroron.com/trackback.php/20080727001338623

No trackback comments for this entry.
Comments
nouveauテーマの効果のテスト | 2 comments | Create New Account
The following comments are owned by whomever posted them. This site is not responsible for what they say.
nouveauテーマの効果のテスト
Authored by: スターフィッシュ on 2008年9月 5日(金) 00:57 JST

nouveauテーマを使いたいのですが、インストールの仕方がわかりません。
もしよろしければ、ご教授お願いします。

nouveauテーマの効果のテスト
Authored by: ひろろん on 2008年9月 5日(金) 03:12 JST

こちらのwkyGeeklogInstaller用のnouveau用レシピをつかうと簡単です!
レシピであるiniファイルをダウンロードしてwkyGeeklogInstallerを起動してサイトの設定を正しく行ってからその画面上にレシピをドラッグ&ドロップするだけです。
http://hiroron.com/filemgmt/index.php?id=96

wkyGeeklogInstallerの最新はこちら
http://hiroron.com/filemgmt/index.php?id=34