トップ 差分 一覧 Farm ソース 検索 ヘルプ RSS ログイン

BugTrack-theme/21

ページの作成や編集にはユーザ登録が必要です。

もの凄くシンプルなテーマ

  • 投稿者: kitta
  • カテゴリ: 新規
  • 優先度: 低
  • 状態: 提案
  • 日時: 2007年06月27日 21時36分09秒

 内容

BugTrack-theme/20を作ってて、あれ?こんなん出来ないかいと思い作ってみたテーマ。

サンプル

  • サンプルページ用意しました(ページ右上隅と左上隅のタブにカーソルをあわせてみてください。sidebar と adminmenu が出てきます。)

ブラウザについて...

  • IE6以下非対応。
  • IE7 だとh1 a:hoverで表示が崩れる事が有ります。
  • Firefox Opera Safari は問題無し、って訳でもないけど 実用上問題無し。

ダウンロード

  • FixTabMenu070629.zip(883) --- csshover.htc 対応
  • FixTabMenu_070628.zip --- IE6 向けのメッセージを追加しました。
  • ref FixTabMenu.zip

インストールについて...

  • テンプレートは添付の物を使って下さい。
  • data へ 添付の HetareMessage.wiki を追加して下さい。
    • HetareMessageはIE6以下向けへのメッセージです。好きに編集して下さい。
  • スタイル設定--->ユーザ定義スタイルは空にしちゃって下さい。

csshover.htc対応について...

MRBさんからのコメントにあった JavaScript に対応しました。これを使うとIE6でも見れる様になります。(この JavaScript を使わなくても問題は有りません) デザインはかなり手を抜きましたし 一応動きますが これが正しいのかどうかは よく分かりません。JavaScript は以下からダウンロードして下さい。

使用方法は、テーマ内の FixTabMenu.cssIE.css 114行目以下を全部削除、もしくはコメントアウトし ダウンロードした csshover.htc を wiki を設置した所に入れて下さい。

ライセンス

  • ライセンスはGPL

 コメント

  • CSSだけで表示領域の重なりを変化させる点など、操作感の面白いテーマですねぇ。IEの場合、Ver6以前ではA要素だけが「:hover」疑似要素にできたと思いますので、Ver7以降対応という仕様でよいかもしれません。 - A_M (2007年06月28日 16時27分15秒)
  • 面白い言っていただけて嬉しいです。そうなんですよね IE6 は、:hover が使えるのは a だけなんですよね。とりあえず IE6 以下用に別のスタイルシートを食わせる様にはしたんで、IE6 以下でも 閲覧は出来る様に 全く別のスタイルシート用意すんべかな?とか思っています。 - kitta (2007年06月28日 17時24分56秒)
  • ご存知かもしれませんが、ご参考までに。IE6でも全ての要素にhoverを適用させるスクリプト ( http://www.xs4all.nl/~peterned/csshover.html ) - MRB (2007年06月29日 01時52分20秒)
  • JavaScript は、AJAXで再認識されているので検討しても面白いかもしれませんねー。 - A_M (2007年06月29日 02時50分52秒)
  • JavaScript... ですよね。いや、検討はしたんですよ。で、.png なんて win6 以下用 の .css で 透過する陰の無い .gif か何かと置換えちゃえば良いでしょ、とかとかとか... 何とかなるかなぁ とか思える所までは来たんですけど、JavaScript についてあまりに無知なもんで、それが実現出来たからといって それが正しいのかどうか見極めが出来ないんですね。んだもんで とりあえず手を出していません。 - kitta (2007年06月29日 09時26分28秒)
  • MRBさんに教えてもらったのを使える様にしてみました。 - kitta (2007年06月29日 15時06分15秒)
  • ビヘイビア(csshover.htc)をテンプレートに直書きするため、Farm以外で利用する場合は、FixTabMenu.tmpl(29)を適切なパスに置き換えると良いようです。 - A_M (2007年06月30日 14時43分13秒)
  • 素晴らしいアイデアだと思います。中央部分が広く使えるのがいいですね。些細なことですが、XP+FireFox環境ですと、ページを編集する際、文字入力ポインタがsidebarとadminmenuの位置にあると、見えなくなってしまう(入力位置がわからなくなってしまう)様です。 - honeycrack7 (2007年07月01日 14時26分35秒)
  • ビヘイビアはそうですね。都度、必要に応じて書き換えてもらうのがいいです。フルパスで書いちゃえば問題無くなるんだと思います。と、入力ポインタ見失う件なんですが Mac Firefox でもなります。が、対策案無しです。何かいい方法知ってる人居ませんか? - kitta (2007年07月06日 17時34分03秒)
  • 入力ポインタ見失う件。ちょっと思いついた。Menu と div.adminmenu を <!--TMPL_UNLESS NAME="EDIT_MODE"--> とかして 編集時は消してしまうと良いかもしれません。 - kitta (2008年10月16日 10時19分40秒)
お名前: コメント:
FixTabMenu.zip FixTabMenu070629.zip FixTabMenu_070628.zip screenmini.jpg

最終更新時間:2008年10月16日 10時19分40秒