解決済

clip!clip!
Ads By Google

サイドバーを逆にしたい

シンプル(Extensible Gallery (インク))
こちらのデザインでサイドバーを右でなく左にしたいのですが

過去の似た質問の回答で

#content{
width:541px;
float:left;
padding:0 15px 0 15px;
}
#links{
width:235px;
float:left;
text-align:center;
margin-bottom:30px;

のレフト、ライトを書き換えるとありますが
スタイルシートでこのような文面を見つける事ができません
すいませんがどのあたりの場所にあるかお解かりのかたいらっしゃいますか?

また、このデザインでブログ上段にパノラマ写真みたく自分の撮った写真を貼り付ける事は可能ですか?
ド素人の私では無謀すぎるチャレンジでしょうか
どなたかご教授の程よろしくお願いいたします

3週間前の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-11-04 15:08:21ベスト
そこはデザインによってidが違います。
Extensible Galleryの場合は以下の項目をこのように変更してください。

div#firstOuter {
	float:right;
	margin:0 0 0 -250px;
	overflow:hidden;
	width:100%;
}

div#first {
	margin:0 0 0 310px;
}

div#secondOuter {
	float:left;
	overflow:hidden;
	width:250px;
}

div#thirdOuter {
	clear:left;
	float:left;
	overflow:hidden;
	width:250px;
}


やっていることは
・floatのleftとrightを逆にする
・marginの左右も逆にする
・clearのleftとrightも逆にする


トップに画像を表示する場合は、
自分のブログに画像をアップロードして、↓の「画像のURL」とある所を実際の画像のURLに変更してください。
div#wrapperOuter {
	margin:0 auto;
	width:910px;	/* 画像の幅を910pxにするとぴったりサイズが合う */
	height:200px;	/* 画像の高さに合わせる */
	background:url(画像のURL) 50 50;
}

出来ました!!サイドバーを逆にできましたーーー
今まで使い慣れた旧管理画面のほうからやっていたのですが、初めて新管理画面でやってみたところすぐにできました!
写真を貼るほうのは何度かやってみて、まだ上手く反映出来ないのですがまた後でやってみます
本当にご丁寧に教えていただいてありがとうございました!

Ads By Google

コメント(3)

#1.  imq
2009-11-06 14:59:50

>ブログを開いてみると変化がありません
ブログを開いて「CTRL」キーを押しながら「F5」キーを押すと、ページが更新されます。

>トップ画像の方
ない部分は追加です。
とりあえず

div#wrapperOuter {
	~中略~
}
までを上書きしてください。

ダメだったらこちらにコメントを入れてください。

#2.  ぶぅ
2009-11-10 00:18:15

imqさんへ

お手数お掛けしています
その後、何度も試したのですがページを更新しても変化なしです

トップ画像の方、ご指導いただいた通り上書きしましたが何も変化なく、ダメでした
こちらの件は「画像のURL」を貼るという時点で苦戦しております
はたしてやり方が合っているのか・・・
もう一度よく見直してみて、教えていただいた通りやっているのかよく確認してみますね。。
(><)

解らない事だらけでお恥ずかしい限りですが、自分のイメージするブログに出来るようになんとか頑張りたいです

#3.  imq
2009-11-16 16:18:16

>「画像のURL」を貼る

新管理画面から

画像/ファイル
ボタンをクリックすると、ブログにアップロードされた画像一覧が出てきます。
画像をアップロードしていない場合はアップロードをしてください。
アップロードが終わったら一覧から該当する画像をクリックします。
すると、編集画面がポップアップされるので、もう一度画像をクリックすると画像が新しいウィンドウで開かれます。
開かれたウィンドウのアドレスが画像のURLです。
画像URLをコピーして、CSSの方に貼り付けてください。

トラックバック

トラックバックURL: