[81] 壁紙の設定方法 by 白狐 さんへ返信

[81] 壁紙の設定方法

一つだけ質問があります。
全ページ(mono_catalog.html、mono_main.html、mono_other.html、mono_paint.html)を背景固定で壁紙を設定したいのですが、どうすればいいですか?
使用しているテーマはthemeです。

bbsnoteで背景固定で壁紙を使っているので、POTI改二でも使いたいと思いまして。

背景色が#EEEEEEだという事は分かり、
背景色だけでも変えられないかとmono_conf.scssやmono_main.cssを弄ってみたのですが、全く反映されません。
ご教授願います。

[82] Re: 壁紙の設定方法
デフォルトのthemeはJavaScriptで背景色を切り替えているので、カスタマイズにむいてないのかもしれませんね。

下のほうのリンク、
collar [MONO] [dark] [deep] [MAYO]
をクリックすると訪問したユーザーが好きな色に変更する事ができます。
逆に、これらのカスタマイズを行うには、これだけの種類のスタイルシートを変更する事になります。
しかし切り替えのリンク部を削除して、ひとつにしぼる事もできます。

画像アップロード機能がないテーマですが、
PNKはもうちょっとわかりやすいと思います。

POTI-board用テーマ PINK を配布します。: STP^3

逆にフル機能になってしまいますが、

Cool Solidも使いやすくてわかりやすいテーマです。

つづきます。

[83] Re: 壁紙の設定方法
下のほうのリンクの
collar [MONO] [dark] [deep] [MAYO]の色の切り替えの影響をうけないようにするにはどうしたらいいのか、ですが、
スタイルシートは上の行より下の行の記述を反映しますから

@charset "utf-8";
body{
background-image:url(test.png);
background-attachment:fixed;
}

と書いた 例えばファイル名 test.css を作成して、
theme/css/ ディレクトリに入れます。
この書き方の場合は、背景画像も同じディレクトリに入れます。

そして、HTMLファイルのcssがリンクされている行より下の位置にcssのリンクを入れます。


[84] Re: 壁紙の設定方法
Re: 壁紙の設定方法  by さとぴあ@管理人 (322546 B)
位置はこのあたりになります。
しかし、HTMLファイルが4個あるので、4個とも作業する事になります。
しかし、他のCSSに切り替えてもこの位置であれば今リンクしたCSSのほうが優先されるので、他の色のCSSに切り替えても背景画像がでます。

[85] Re: 壁紙の設定方法
Re: 壁紙の設定方法  by さとぴあ@管理人 (442633 B)
Chromeのデベロッパーツールで確認するとこんな感じです。

[86] Re: 壁紙の設定方法
Re: 壁紙の設定方法  by さとぴあ@管理人 (446245 B)
私も、このCSSの書き方は詳しくないのですが、
collar [MONO] [dark] [deep] [MAYO]
のリンクのうち、
[MONO] なら、
mono_main.css
[dark] なら
mono_dark.css
で設定を変更すれば反映されるようです。
気をつけなければいないのがブラウザのキャッシュで、変更しても変更前のCSSが読み込まれます。
それを防ぐには、Chromeのデベロッパーツールを開いた状態で、更新ボタンを長押しして、ハード再読み込みをします。

[87] Re: 壁紙の設定方法
ありがとうございます!
無事反映されました!
本当はPINKを使いたかったのですが、画像投稿機能がないのでthemeを使いました。
名前(必須)
E-mail
URL
題名
本文(必須)
添付画像
削除キー (記事の編集削除用。英数字で)
  • 画像を添付する場合は画像なしのチェックを外してください。
  • 最大投稿データ量は 512 KB までです。