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

BugTrack-theme/17

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

width:800px;固定のテーマ

  • 投稿者: kitta
  • カテゴリ: 新規
  • 優先度: 普通
  • 状態: 提案
  • 日時: 2005年11月18日 13時28分51秒

 内容

  • テンプレートx1とテーマx3のセットです。
  • ライセンスは GPL でよろしく。
画像、flash、iframeなど、幅を指定し表示するものがある場合
500px以下で運用してください。
  • 060811_W_Lock.zip(1392) --- 06.08.11 修正
    • 管理画面で Header が表示されない様にテンプレート修正
    • テンプレートへ <!--TMPL_VAR NAME="HEAD_INFO"--> を追記
    • 各 CSS .day-fix に overflow:hidden; を追記
    • W_lock_mono で ol li が表示されない不具合を対策
  • 060221_W_Lock.zip --- 06.02.21 cssを修正 amazonプラグイン対応
  • 060107_W_Lock.zip --- 06.01.07 cssを修正 bbs2対応他...
  • 051124_W_Lock.zip --- 05.11.24 テンプレートを修正
  • 051123_W_Lock.zip --- 05.11.23 修正・追加
    • テンプレート
      • 一部修正
    • スタイルシート
      • 新テーマ W_lock_mono を追加
      • pre , blockquote によるレイアウト崩れ対策
      • W_lock_cuteのadminmenu が IE で表示されないのを修正
  • W_Lock.zip --- 05.11.18 投稿

 コメント

  • デザインがかっこよくて、気に入って使わせてもらっています。ただ、テンプレートの方を新しいのに更新したところ、リロードが遅くなりうまく動作しないことが起こってしまっています。 - leo (2005年11月24日 13時13分09秒)
  • ありゃりゃ 適当な作りで申し訳ありません ブラウザは何を使われてますか?こちらでも出来るなら確認してみたいです。 - kitta (2005年11月24日 14時31分16秒)
  • ブラウザは主にoperaを使用していますが、他のブラウザ(Firefox)でも同じ現象がおこったのでできれば両方で確認してみてください。 - leo (2005年11月24日 15時31分55秒)
  • Macの opera Firefox Safari WinのIEで確認してみたんですが 私の環境だと何故か再現出来ないです。新しく追加したテーマ以外は古いテンプレートでも問題無いはずなんで とりあえず入れ替えておいていただけますか? もちっと追っかけてみます。 - kitta (2005年11月24日 15時46分49秒)
  • W_lock.tmpl.zip --- ちょっとよく分からないのですが これだとどうなりますか? - kitta (2005年11月24日 15時54分17秒)
  • ごめんなさい あきらかに私のミスかもしれません 051124_W_lock.tmpl.zip(664) --- これを試していただけますか - kitta (2005年11月24日 16時11分34秒)
  • 29,30行にあるJavaScript - A_M (2005年11月24日 16時11分51秒)
  • A_Mさん それです(汗) それを消していただくだけでもOKです。 - kitta (2005年11月24日 16時13分18秒)
  • テスト環境に接続してました。察するにポップアップメニュー(?)。これは、面白い試みだと思いますよ - A_M (2005年11月24日 16時15分33秒)
  • そうです テスト環境にあるスクリプトです あれこれポップアップ ライセンスがよく分からんので削除したつもりだったんですが 残っちゃってた様です - kitta (2005年11月24日 16時24分41秒)
  • 対応ありがとうございます。大事に使わせてもらいますね。 - leo (2005年11月25日 02時48分40秒)
  • 使わせてもらいます。ソース色分け表示を行うcodeプラグインなどを使うとサイドメニューが下に大きくずれてしまうのですが、良い感じです。 - oi21 (2005年11月25日 16時12分31秒)
  • oi21さん ありがとうございます そのプラグインは使った事無いのでよく分からないのですが ここらへんを500とする事で 何とかならないでしょうか? - kitta (2005年11月25日 17時21分46秒)
  • kittaさん、レスありがとうございます。WIDTHの設定は色々とやってみたのですが、私が他にいじってしまった為か、codeプラグインの仕様か、幅の指定が有効にならないようです。 - oi21 (2005年11月26日 20時53分14秒)
  • BugTrack-plugin/208は、別途、スタイルシートで div.code,div.code>table{ width:**px }などでも制御出来そうですね。もし、table { width }を指定した場合、div.code>tableが横幅を継承しているかもしれません。また、これらセレクタのwidthを使わずにmargin/paddingでも制御出来ると思います。 - A_M (2005年12月08日 17時31分16秒)
  • 補足ですが、pre { width }を指定済みの場合、div.code>table pre にも横幅が継承されると思います。 - A_M (2005年12月08日 17時35分15秒)
  • bbs2プラグインを使うと、こんな風にレイアウトが崩れてしまうんですが、崩れなくする方法は何かいい方法ないですか? - フク (2005年12月14日 21時27分03秒)
  • tmpl/bbs.tmpl(15)の cols="60"を修正すると良いかもしれませんね - A_M (2005年12月14日 21時51分03秒)
  • あ いっぱいコメントついちゃってますね ちょっと今身動きとれないんで でも 出来るだけ対応しますんで 気長にお付き合い願えれば幸いです - kitta (2005年12月15日 09時29分40秒)
  • A_Mさん、修正してみましたがダメっぽいです。残念。 - フク (2005年12月16日 22時09分43秒)
  • BBS2.pm (82): class=\"bbs2\" を追記すると、スタイルシートでTABLEのデザインを制御できます。 - A_M (2005年12月17日 07時30分14秒)
plugin/bbs/BBS2.pm (82行目)
my $buf = "<form method=\"post\" action=\"".$wiki->config('script_name')."\" class=\"bbs2\">\n".
スタイルの例)
form.bbs2          { margin:10px; padding:5px; border:1px solid #666; }
form.bbs2 TABLE    { width:90%; }
form.bbs2 TR       {  }
form.bbs2 TH       { width:20%; }
form.bbs2 TD       {  }
form.bbs2 TEXTAREA { width:90%; }
  • 今さらながらに補足ですが form.bbs2 TABLE { width:90%; } の width:90%; を margin:10px; padding:5px; にすると、form.bbs2 から内側に向かって均等に距離を取ったりしますよ。>フクさん - A_M (2005年12月17日 19時59分59秒)
  • ありがとうございます。とりあえずレイアウトの崩れは直りました。あとは微調整してみます。>A_Mさん - フク (2005年12月17日 22時40分03秒)
  • 遅くなって申し訳ないです。新しいのをアップしました bbs2 これで大丈夫だと思います。 - kitta (2006年01月07日 11時58分04秒)
  • 使わせてもらってます。テーマはmonoを愛用してます。今後も期待してます。と、応援age - 名無しさん (2006年02月20日 02時15分32秒)
  • Mono使ってるサイトは多そうだなあ - 名無しさん (2006年02月20日 05時04分45秒)
  • サイドMenuにamazonプラグインなど画像系を表示させるとはみ出ちゃうんですが、これってこちらがなにかやっちゃっているってことでしょうか? ちなみに画像幅はMenu幅よりも狭いんですが、なぜか表示が右によってMenuからはみ出ちゃいます。 - ふる (2006年02月21日 03時08分25秒)
  • ふるさん imgの設定かな ちょっと確認してみます。 - kitta (2006年02月21日 09時45分01秒)
  • amazonプラグインて使った事無いので何ともどうゆう表示なのかよく分からないんですが こんなんでどうでしょうか? - kitta (2006年02月21日 09時51分51秒)
.sidebar img{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding:0px;
/*    height:150px;*/
}
  • これをcssに追加し、marginは必要に応じて変更。heightはコメントアウトしてますがこれも必要に応じて変更して下さい。 - kitta (2006年02月21日 09時55分04秒)
  • う〜ん、cssの末尾に追加して更新したんですが、私の環境だと変化ないです……。もうちょっと症状を詳しく観察してみます。 - ふる (2006年02月21日 12時11分12秒)
  • ありゃ imgじゃないんですか amazonプラグイン使ってるサイト見せてもらえると分かりやすいんですが どっか無いですか? - kitta (2006年02月21日 12時27分31秒)
  • amazonプラグイン覗いてみました。.sidebar img を .sidebar .amazon img とするとどうでしょう? - kitta (2006年02月21日 13時05分18秒)
  • 私の環境だとこれでOKみたいです。 - kitta (2006年02月21日 13時27分30秒)
.amazon img{
  border:none;
}

.sidebar .amazon img{
  padding:0px;
  margin:0px;
}
  • あ、amazonプラグインは大丈夫です。でもほかが……。こちらで確認できると思います。 - ふる (2006年02月21日 13時34分05秒)
  • ちなみにFireFoxだと割とまともにはみ出すだけですが、IEだと強引に枠内に入れるためか、Menuが下に落ち(ズレ)ます。これはしかたないかな? - ふる (2006年02月21日 13時35分51秒)
  • 他ですな なるほど Menuの表示だけならこれでOKなはず - kitta (2006年02月21日 13時50分23秒)
.amazon img,p img{
  border:none;
}

.sidebar .amazon img,.sidebar p,.sidebar p img{
  padding:0px;
  margin:0px;
}
  • Menuが下に落ちる件 何かどっかでそんな対策した事あるんだが... すっかり忘れてしまったとです。思い出したら対策させてもらいます。 - kitta (2006年02月21日 13時53分55秒)
  • すげぇ! 治りました! ちなみに最後の(この上の)だけを追記するだけで大丈夫でした。include_htmlで(実際は)IFrameを読み込んで表示するほうはこっちの調整の問題だと思います。なんかチャット並に速攻で治して頂いて嬉しいです。ありがとうございました!!! - ふる (2006年02月21日 13時59分45秒)
  • あ、IEでのMenu落ちの件も、またよろしくおねがいします。ちなみにIFrame読み込みでもFireFoxだと完全に問題ありません。(^_^) - ふる (2006年02月21日 14時00分56秒)
  • .sidebar pが気になるけど とりあえずこんな感じで。 - kitta (2006年02月21日 14時04分13秒)
  • お忙しいなか本当にありがとうございました。 - ふる (2006年02月21日 14時08分22秒)
  • あ、追記は右Menu(monoやsimple)専用ですね。 - ふる (2006年02月21日 14時12分49秒)
  • とりあえず どれでも使えるとは思いますよ。基本的に"装飾無しにしてよ"な文章なんで。後はテーマのデザイン次第ですね。 - kitta (2006年02月21日 14時28分48秒)
  • Menuが下に落ちるのは、floatさせている為に生じるIEの仕様みたいです。狭いDIV要素に固定的で長い横幅のコンテンツ(TABLEや区切りのない半角文字の長文など)を入れると、下に落ちます。このあたりに気をつけて編集するのと良いかも知れません。 - A_M (2006年02月21日 14時50分59秒)
  • A_Mさん そうそう そうなんですけど 無理矢理押し込んじゃうやり方有った気がするんだけど... 思い出せないっすなぁ〜。 - kitta (2006年02月21日 15時07分23秒)
  • あ、ちょっとだけIEとFireFoxでW_Lock_monoにしたときに(私の環境だと)表示が違ったんですが、border:none;→border:1;にしたらほぼ同じに表示できるようになりました。(いちいちIEとFireFoxの両方で確認するのが面倒だったので。汗) - ふる (2006年02月21日 16時16分26秒)
  • 応援ageした者ですが、ageの効果があったようですね(笑) - 名無しさん (2006年02月21日 23時51分57秒)
  • W_lock_simple気にいってるんですが、メニューを左に配置するにはどうしたらよいでしょうか? - Ojiro (2006年06月11日 10時53分35秒)
  • cssの98行目の left を right に。332行目の rightを left に。こんな感じに書き換えれば とりあえず OK なんじゃないかと思います。 - kitta (2006年06月12日 09時25分04秒)
  • >98行目の left を right に。332行目の rightを left に.....うまく表示されました。早速のレスありがとうございました。 - Ojiro (2006年06月12日 10時44分06秒)
  • MONO 使っています。css で li に画像を指定していますが、順番付きリストも画像になってしまいます。ul li にすればよいかと。Firefox 1.5 です。 - tK (2006年07月04日 11時02分51秒)
  • W_lock_simple で Menu が落ちちゃう件。css100行目付近の .day-fix に overflow:hidden; を追記するといいかもしれません。あ リスト表示についてコメントついてますね、時間見つけて直します。 - kitta (2006年08月08日 16時23分15秒)
  • なおしました。 - kitta (2006年08月12日 08時09分00秒)
  • すみません。Menuに画像を表示させると、半分ほどはみ出た場所から表示されます。 - Masanori (2008年11月02日 22時13分50秒)
  • Masanorさん。どのテーマで どの様な画像を どうやって 表示させている時でしょうか? - kitta (2008年11月03日 11時49分32秒)
お名前: コメント: