拍手コメントをくださったみなさまへ＆スマフォ背景について
2011.09.09 17:08｜ひとりごと｜
いつもありがとうございます♪
この間、拍手コメントにお礼を書くといいましたが、
ひとつひとつ確認しながら、
あまりにも時間が経ってしまっているものもあるため、
やはり、こちらでまとめてお礼を言わせてください。
温かいお言葉、ありがとうございましたm(_ _)m
コメントの中に
スマートフォンで見ると『starry sky』などが下方で読みにくくなるとお知らせくださいました。
（鍵付きでしたのでお名前はふせますが、ありがとうございました）
そうなんです！
スマフォだとPCと同じようにブラウザでブログが見れるのですが、
実はmoblie Webkitというレンダリングエンジンが採用されていて、
CSSの「position:fixed;」という背景の固定表示が効かないのです。
『starry sky』は濃紺から薄いグレーにグラデーションになった背景画像を使っていて、
固定しているはずが、スマフォでは一緒にスクロールされてしまい、
文字色が白や黄色なので見にくいというわけです。
これはAndroid系でもiPhone（わたしもコレ）でも同じです。
わたしのテンプレではいくつか背景固定のものがあるのですが、
スマフォの方、すみません。
JavaScriptで対処法はあるようなのですが、
今のところ対応できていません。
ご了承くださいねm(_ _)m
この間、拍手コメントにお礼を書くといいましたが、
ひとつひとつ確認しながら、
あまりにも時間が経ってしまっているものもあるため、
やはり、こちらでまとめてお礼を言わせてください。
温かいお言葉、ありがとうございましたm(_ _)m
コメントの中に
スマートフォンで見ると『starry sky』などが下方で読みにくくなるとお知らせくださいました。
（鍵付きでしたのでお名前はふせますが、ありがとうございました）
そうなんです！
スマフォだとPCと同じようにブラウザでブログが見れるのですが、
実はmoblie Webkitというレンダリングエンジンが採用されていて、
CSSの「position:fixed;」という背景の固定表示が効かないのです。
『starry sky』は濃紺から薄いグレーにグラデーションになった背景画像を使っていて、
固定しているはずが、スマフォでは一緒にスクロールされてしまい、
文字色が白や黄色なので見にくいというわけです。
これはAndroid系でもiPhone（わたしもコレ）でも同じです。
わたしのテンプレではいくつか背景固定のものがあるのですが、
スマフォの方、すみません。
JavaScriptで対処法はあるようなのですが、
今のところ対応できていません。
ご了承くださいねm(_ _)m
- 関連記事
-
- お願いします（9/9拍手コメントをくださった方へ）
- 拍手コメントをくださったみなさまへ＆スマフォ背景について
- 拍手のお礼
No title
こんにちは。
新作テンプレにわくわくしつつ、お世話になっております。
ところで、24_aftertherainについての質問なのですが
こちらを３カラムに変更することは可能なのでしょうか？
中心は残して、両サイドに・・・というイメージでして
応援バナーなどを表示しようとするとどうしても２カラムでは足りず（というより優先度的に下の方になってしまい、目に入る機会が激減してしまう）、苦心しているところです。
横幅のサイズを広げつつ調整を加えていけば、元のデザインを崩さずになんとかなるものでしょうか？
時間のある時にでも、良ければですが、アドバイスを宜しくお願い致します。
新作テンプレにわくわくしつつ、お世話になっております。
ところで、24_aftertherainについての質問なのですが
こちらを３カラムに変更することは可能なのでしょうか？
中心は残して、両サイドに・・・というイメージでして
応援バナーなどを表示しようとするとどうしても２カラムでは足りず（というより優先度的に下の方になってしまい、目に入る機会が激減してしまう）、苦心しているところです。
横幅のサイズを広げつつ調整を加えていけば、元のデザインを崩さずになんとかなるものでしょうか？
時間のある時にでも、良ければですが、アドバイスを宜しくお願い致します。
Re: No title
ako 様
お返事が大変遅くなり、申し訳ありません。
24_aftertherainですが、
サイドバーの見出しのところに使用しているテープのような画像が、
横にはみ出すようなデザインになっており、
（あんまり見えないのでわかりにくいのですが(;^_^A）
3カラムにするのが困難になっています。
また、写真の幅が決まっているので
全体を広げるのも難しく、すごく狭くなってしまうのです。
ご希望に沿えず、すみません。
見出しのところのデザインは反省しています(;^_^A
よろしくお願いいたします。
お返事が大変遅くなり、申し訳ありません。
24_aftertherainですが、
サイドバーの見出しのところに使用しているテープのような画像が、
横にはみ出すようなデザインになっており、
（あんまり見えないのでわかりにくいのですが(;^_^A）
3カラムにするのが困難になっています。
また、写真の幅が決まっているので
全体を広げるのも難しく、すごく狭くなってしまうのです。
ご希望に沿えず、すみません。
見出しのところのデザインは反省しています(;^_^A
よろしくお願いいたします。
No title
お返事ありがとうございます。
テープの見出し、わかります。
あのテープが横に食み出していると何か問題があるのでしょうか？
メイン・サイド１・サイド２にした場合に被ってしまう、とか・・・？
今後の参考にしたいので、良ければ教えてください。
写真の幅が決まっているとどうしても厳しいのでしょうか、
色々やってみたのですが、うまくゆかず。
横に伸ばしたとしても、折角の写真がひどいことになっちゃいますよね、おそらく。
左右の深緑の下地をしょうがなく狭くしてでも、と思ったのですが
幅を広くしないとサイドカラムを表示できず、広くしようとすると件のトップの写真の美観の問題が・・・。
黒と深緑のデザインに思いっきり惚れ込んでしまって、うららんさんの他テンプレ（３カラム可のものなど）も良いなぁとは思っているのですが、どうしてもこのデザインが手離せず・・・(笑)
３カラムで応援バナーを貼ることは諦めようと思います。
ありがとうございました。
テープの見出し、わかります。
あのテープが横に食み出していると何か問題があるのでしょうか？
メイン・サイド１・サイド２にした場合に被ってしまう、とか・・・？
今後の参考にしたいので、良ければ教えてください。
写真の幅が決まっているとどうしても厳しいのでしょうか、
色々やってみたのですが、うまくゆかず。
横に伸ばしたとしても、折角の写真がひどいことになっちゃいますよね、おそらく。
左右の深緑の下地をしょうがなく狭くしてでも、と思ったのですが
幅を広くしないとサイドカラムを表示できず、広くしようとすると件のトップの写真の美観の問題が・・・。
黒と深緑のデザインに思いっきり惚れ込んでしまって、うららんさんの他テンプレ（３カラム可のものなど）も良いなぁとは思っているのですが、どうしてもこのデザインが手離せず・・・(笑)
３カラムで応援バナーを貼ることは諦めようと思います。
ありがとうございました。
Re: No title
ako 様
こんにちは。再度コメントありがとうございます。
見出しのデザインですが、
横にはみ出しているところまでサイドカラムが横幅を持っているということです。
ですから狭くすると、テープのデザインが見切れてしまうのです。
テープは見出しの背景画像になっていますので、それを変更するか見切れてもよしとすれば、
サイドカラムの幅を狭くする→3カラムにする
のは可能だと思います。
トップの写真はご存知のようにiPhoneの写真で
解像度がぎりぎりなので、全体の幅を広くするのにともなって拡大して使うと
印象が変わってしまうと思います。
大幅なデザイン変更になりますので、こちらではお受けできませんが、
akoさんならカスタマイズできるかも！
今後ともよろしくお願いしますm(_ _)m
こんにちは。再度コメントありがとうございます。
見出しのデザインですが、
横にはみ出しているところまでサイドカラムが横幅を持っているということです。
ですから狭くすると、テープのデザインが見切れてしまうのです。
テープは見出しの背景画像になっていますので、それを変更するか見切れてもよしとすれば、
サイドカラムの幅を狭くする→3カラムにする
のは可能だと思います。
トップの写真はご存知のようにiPhoneの写真で
解像度がぎりぎりなので、全体の幅を広くするのにともなって拡大して使うと
印象が変わってしまうと思います。
大幅なデザイン変更になりますので、こちらではお受けできませんが、
akoさんならカスタマイズできるかも！
今後ともよろしくお願いしますm(_ _)m
コメントの文字色を変更したいです！
こんにちは！
おしゃれだったので使わせて頂きました！
こちら少しカスタムしましたが、初心者なもので、
どうしてもコメントの文字色が変更出来ません..汗
教えて頂けるとうれしいです！
宜しくお願い致します。
おしゃれだったので使わせて頂きました！
こちら少しカスタムしましたが、初心者なもので、
どうしてもコメントの文字色が変更出来ません..汗
教えて頂けるとうれしいです！
宜しくお願い致します。
Re: コメントの文字色を変更したいです！
Jack Mows 様
こんにちは。
ご利用ありがとうございます。
コメントの文字色ですが、スタイルシート編集の
/*--------------------------------------------------
コメント、トラックバック
全記事一覧、検索結果一覧
--------------------------------------------------*/
（略）
h3.sub_title { ←※寄せられたコメントのタイトルはココ
margin: 15px;
font-size: 110%;
border-bottom: dotted 1px #243c3d;
padding-bottom: 5px;
padding-top:5px;
font-family: Arial;
font-weight: bold;
}
div.sub_body { ←※寄せられたコメントの本文はココ
margin: 10px 15px;
line-height: 2em;
}
ですので、それぞれの{}内に「color: #カラーコード;」でお好きな色を設定してください。
よろしくお願いいたします。
こんにちは。
ご利用ありがとうございます。
コメントの文字色ですが、スタイルシート編集の
/*--------------------------------------------------
コメント、トラックバック
全記事一覧、検索結果一覧
--------------------------------------------------*/
（略）
h3.sub_title { ←※寄せられたコメントのタイトルはココ
margin: 15px;
font-size: 110%;
border-bottom: dotted 1px #243c3d;
padding-bottom: 5px;
padding-top:5px;
font-family: Arial;
font-weight: bold;
}
div.sub_body { ←※寄せられたコメントの本文はココ
margin: 10px 15px;
line-height: 2em;
}
ですので、それぞれの{}内に「color: #カラーコード;」でお好きな色を設定してください。
よろしくお願いいたします。
