注目タグ

テンプレート・プラグイン

トピック詳細

位置固定背景を2つ表示したい

お久しぶりです。

位置固定背景を同時に2つ表示させることは可能でしょうか。
左下と右下に置きたいです。
記事、メニューに隠れないように両脇に背景を表示する方法でも良いです。
真ん中に表示されている記事に隠れないように
左側と右側に背景を表示させたいのです。


どうかよろしくお願いします。

2013年04月02日 19:26  by 

コメント一覧 37件中、31~37件表示

  • 返信ありがとうございます。

    何も考えずに書き込んでしまい申し訳ありませんでしたm(__;)m

    ご面倒かもしれませんが、細かく分けて書き込みをさせていただこうと思います。


    まず、作業としては、


    ・HTML内に<body>というタグがありますので、
    その直下に<img>タグという画像を表示するタグで必要な画像を追加します。



    この作業については問題なく行えますでしょうか?

    2013年04月07日 12:06 by トリプる

  • 返信ありがとうございます。

    すみません、私はテンプレート改造の初心者で
    用語もよく理解しないまま手探りでやっている状態です;;
    書かれたとおりにやってみようと思ったのですが、
    どこを触っていいのかわからずできませんでした…;;

    HTMLにタグを入れればいいんですよね。

    2013年04月07日 11:14 by

  • こんばんは。

    途中参加失礼します。

    自分が勘違いしておりましたら申し訳ないのですが、単純にbodyタグを基準にし、画像を左右下に表示するではダメなのでしょ うか?

    現在、そちらのサイトの<body>タグにCSSで「position: relative;」が設定されているので、
    <body>タグ以降に、<img src="(ココに画像URL)" />タグを新しく作り、その<i mg>タグにCSSで

    -----------

    position: fixed; ←スクロールしても位置固定
    bottom: 0; ←画面下
    left(right): 0; ←<body>からどの程度離すか
    z-index: -1; ←画面の1つ奥へ(<body>よりの背後へ)

    -----------

    辺りの設定を行うと、画像が画面左(右)下に表示されませんでしょうか?
    (多少位置の調整が必要かもしれません)


    あと、申し訳ないのですが、単純に「カラムが増えると幅が広がる」という説明はちょっと誤解を招くような気がします(汗)
    確かに、設定などを変えずにカラムを追加するなら横幅は広がりますが、カラムの幅をCSSで設定すればその限りではないですよ ね?
    たとえば、1つのカラムの幅を10pxに設定すれば、10カラムでも100pxですよね?
    現状のままで追加した場合の話をされているのかもしれませんが、「カラム数は最低限に抑えたほうが見やすいのでしょうか」と言 うコメントをされているのが気になりまして。
    極端な話、上手く幅を調整し、巧く見せれるなら、何カラムでも良いと思います。

    自分が質問されている内容を勘違いしておりましたら申し訳ありません。
    また、長々と書いてしまい、申し訳ありませんでした。

    2013年04月07日 02:06 by トリプる

  • 返信ありがとうございます。

    なるほど、カラムが増えると幅が広くなるのですね。
    なら、カラム数は最低限に抑えたほうが見やすいのでしょうか。

    実は現在背景はランダム表示になっており、
    左右のどちらにもあるんです。
    ダミーの白背景がいくつか入っているので、
    何回か更新しないと出てこないと思いますが
    左右2種類ずつ、計4つあります。
    このランダム表示の4種類に追加する形が
    一番の理想なんですが…難しいでしょうか。

    2013年04月06日 21:25 by

  • カラムは必ず周囲を罫で巻かれているとは限りませんし
    記事カラムとプラグインカラムの右と左に決められた幅の空白を設置して
    そこに画像を表示する場合には結局 横幅を4つに区切ることになり
    カラムが4つあるのと同じことになりますね。

    現在は
    右側に<body>の背景として
    画像を表示するのに成功しておられるようなので
    左にも画像が欲しいならもうひとつサイドカラムがあればいいのじゃないかと
    考えたことから3カラムと申し上げたものです。

    プラグインを表示するタグを削ってしまえば
    そこに残るのはただの空白に過ぎません。

    もっとも
    現在行なっておられるカスタムが
    他のテンプレートにそのまま当てはまるケースはマレなので
    現実的なアドバイスではなかったと反省しています。

    ブログの横幅を4分割すると、当然 全体幅は広くなるので
    小さな画面で見る人が見づらくなるのは避けられないものと思われます。

    2013年04月06日 17:33 by 標野ゆき

  • コメントありがとうございます。

    言われるまで他の環境での閲覧を考えてませんでした。
    たしかに、iPadやiPhoneから見ると背景が隠れて見えないんですよね。
    小ネタ的なもので重要ではないのでこのままでもいいんですが…。

    私自身が3カラムよりも2カラムが好きなので、
    今回はこのまま2カラムにしておいて、
    背景は別のアイデアを考えようかと思います。
    あれこれ変えて見辛くなっても困ると思うので…。

    返信ありがとうございました。

    2013年04月06日 12:33 by

  • <body>の背景として表示しようとするから難しいのではないでしょうか。

    たとえば
    現在は記事カラムの右側にサイドカラムがあるテンプレートを
    借りておられますが、これを3カラムのテンプレートに替えてから
    左サイドカラム内のプラグインタグを削除して
    そこに画像を表示されてみてはいかがでしょうか。

    左右の画像が隠れないようにするには
    基本的にテンプレートのワイズ(左右幅)を左右の画像を含んだ幅に固定する
    ことになるのではないかと考えられます。

    実のところ、自分がいつも閲覧する幅では背景は隠れてしまって見えません。
    コレがさらに幅の広いテンプレートになればさらに見辛くなりそうです。
    訪問者さんがいろんな大きさのブラウザで閲覧することを思えば
    あまりワイズの大きなテンプレートにカスタマイズすることは
    賢明ではないようにも思われます。

    2013年04月05日 23:20 by 標野ゆき

<< < 1 2 3 4