人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログのカスタマイズccsを教えて下さい。
“Natural”のテンプレートを使い、プロフィールなどを右側に表示させたいのです。

●質問者: leela
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど

サイドバーモジュールの追加方法は下記に説明があります。
http://help.hatenablog.com/entry/sidebarmodules

Natural では試していませんが、
画像をキャプチャしてみましたので参考にどうぞ。

ステップ1

ステップ2

ステップ3


leelaさんのコメント
ういんど様 ご丁寧にご回答くださり、どうもありがとうございます。 モジュールの追加は出来たのですが、そのサイドバーの位置を変更したいと考えています。 Naturalのサイドバーは記事の一番最後…ブログ画面の一番下に表示されているので、 それをブログ画面の右側に表示させることは出来ないか…と。 でもよく考えてみたら、そうなると大工事になりそうですよね。。。

うぃんどさんのコメント
>サイドバーは記事の一番最後 私の確認漏れで申し訳ないので、 試すまでは行ってないのですが、少し調べて考えてみました。 ソースコードを見ると id="container" の中で、 id="wrapper" がメイン部分、id="box2" がサイドバーになっているので…。 単純に左右に配置したい場合は下記のような具合でいけるはず…。 >|css| #wrapper { float: left; width: 620px; } #box2 { float: left; text-align: left; transition: all 1s ease 0s; width: 180px; } ||< 右サイドバーを入れると、ちょっと窮屈な感じになると思うので、 全体の幅も広げて…。 >|css| #container { width: 1000px; } #wrapper { float: left; width: 820px; } #box2 { float: left; text-align: left; transition: all 1s ease 0s; width: 180px; } ||<

leelaさんのコメント
わあ、わざわざありがとうございます! さっそく全体の幅を広げたパターンで入力しました。 希望通りの位置になりました♪ありがとうございます。 ただ、本文??っていうんですか、の、白抜き部分の長さが中途半端になってしまいました。 ブログのボトムまで白抜きにする方法はありますでしょうか? お時間あります時にご教示いただけたら幸いです。

うぃんどさんのコメント
何となくは想像できるのですが、実際の画面をみてみないと即答は難しいです。 はてなフォトライフなどに画面のスクリーンショットをアップしてもらうか、 はてなブログをおかしな状態のままにして回答をまってもらえれば話も早いと思いますが、 次週より年末まで仕事が忙しくなるので、コメント続けられるかどうかはわかりません。

leelaさんのコメント
何度もありがとうございます! ブログを面白い状態のままにしておきます。 覚え書きのようなブログで訪れる人はいないので、お時間のある時に覗いて頂けたら嬉しいです。 http://prakasa.hatenablog.com/ ほんとに、お時間のある時で…

うぃんどさんのコメント
#container に overflow : hidden; を追加です。 >|css| #container { width: 900px; overflow : hidden; } ||<

leelaさんのコメント
すごい!直りました! 思い描いていた通りに変更できました。 どうもありがとうございました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ