kokodayo.net
FSWikiまとめ
FreeStyleWiki
編集FAQ

ppc

テーマを公開してみます

既存のイメージに近いままWikiメニューをメニューバーに入れたコピー用紙風の基本形です。横方向に長くしたためにワイド画面ではコピー用紙からは程遠くなってしまいます。
本文で左メニューを兼ねてしまうクラシカルな記事優先のレイアウトということで右サイドバーになっています。

後学とメンテナンスのためこちらでアップしています。
(極力セレクタで分けずに1枚でごにょごにょと)

Wikiはなるべくどこからでも開きたいということで、ちょこちょこやっております(Mac未検証)。ppc.tmpl必須になっております。

ミニマイズしていますので軽いと思います。
冒頭付近にa.wikipage:link .error span.nopage 等がありますので必要なければ削除するか、管理画面からスタイル設定のユーザ定義スタイルの部分を削除してください(スタイル設定を別途読まない方が軽いので後者がおすすめ)。

 サンプル

 ダウンロード

内容ver.ファイル摘要日付
ppc.css
1.1.5 ppc_css.zip(195) CSSです。 2012.02.09
ppc.tmpl
ppc_handyphone.tmpl
1.1.4 ppc_tmpl.zip(185) 専用tmpです。 2011.02.25
  • 1.1 - IE6向けに修正しました。検索窓をppc.tmplに入れました。
  • 1.0 - 0.54をほぼそのままで繰り上げて1.0としました。
  • 0.5 - 全体のフォントサイズの見直し・IE6のカレンダーの中央揃えはCSSではあきらめ、<center></center>などをプラグインに直書きで対応ということに。Chromeのmin-heightおおまかに対応・レイアウトプラグインIE5.5/6対応。contentsの予約語重複によりこちら側で除外しました。
  • 0.4 - IE5.5/6の対応の修正。

 ブラウザ対応状況

WindowsXP

ブラウザ状況摘要
IE5.5
IE6sp1
IE7
IE8
IE9beta 1.1.4〜
Chrome8
FireFox3
Safari5
Opera11
Opera Mobile for Windows
Opera Mini 5 シミュレータ
Sleipnir2.9

ケータイ

ブラウザ状況摘要
Opera Mobile 9.5

 仕様

サイトタイトル

SiteTitleのページをWikiメニュー上のタイトル部分に読み込みます。

Wikiメニュー

Wikiメニューから検索を除外したい場合はplugin/search/Install.pmで$wiki->add_menu("検索",$wiki->create_url({action=>"SEARCH"}),200,1);の行をコメントアウトします。

右サイドバー

Menuのページを右サイドバーに読み込みます。
IE9と主なブラウザではすこし角マルになります。
作りは甘いです。

  • /* サイドバーを固定する */の方を生かすとIE7以降で上下方向の固定になります。
  • IE9のドキュメントモードでborder-radiusの角マルに対応しました。

  • 通常のコピー用紙のサイズのイメージとは異なります。

*IE.6でカレンダーを中央揃えにするには、CalendarHandler.pmに<center></center>などを直書きする必要があります。

  • アイコンメニューの設定の画面はワイド画面じゃないと右サイドバーの部分で難ありかも。

 ライセンス

GPLです。

 独自仕様・他

印刷のダイアログ

このサイトではJavaScriptにより印刷のダイアログを表示するようにしております。

罫線2

罫線2を追加しています。

Title1のページにインクルードするHTMLの例

HTML挿入プラグイン - FreeStyleWikiext_linkを使用しています。

DOCTYPE宣言

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 謝辞

サポート・雑談の内容を参考にそのまま取り入れている部分があります。ありがとうございます。

 なにかありましたらどうぞ。

こうした方がいいとか、参考に修正できるところはします。

お名前
コメント

関連

Firefox2.0 (MacOSX10.3.9) でMenuの検索Boxがはみ出るようになった. - FreeStyleWikiext_link

整形済テキストの折り返し - FreeStyleWikiext_link

テーマ