今MovableType4.0で無料テンプレートを使っています。
MTmonsterのテンプレをつかっているのですが、
http://www.free-movabletype.jp/10templete/mt4-01 …
この画像を見ていただければわかると思いますが、
両サイドにサイドバーが配置されているのではなくて、
右側に2つサイドバーが配置されています。
これを、記事を真ん中に持ってきて、
サイドバーを両サイドに配置したいのですが、
どの部分をいじっていいのかわかりません。
どなたかわかる方いらっしゃいましたらご指導お願い致します。
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
MTのテンプレートだと小枠空間というサイトが有名です。
簡単なカスタマイズの方法も書かれていると思うので、
もし気になったら参考にしてみてください。
私は好きじゃないですが(え
No.4
- 回答日時:
ちょっとヨコから失礼して。
下のシートは移動しないのではなくて、元々右側に2カラムの画像で作ってあるんですよ。monster-imgファイルにあるbg_container.gifやheader_gra.gifを見てみるとわかると思います。
この画像を切り出して自分で構成しなおさない限り両サイドは無理、ということです。
MTデフォルトのテンプレート(ベーススタイルシート)を使ったテンプレートだったら、bodyのclassをほんのちょっと変えるだけでカラム構成を変えることもできるはずなんですが(たぶん)…。
ありがとうございます。
そうでしたか。。
奥が深いです
まだまだ自分で扱える領域じゃないですね・・・
今の知識だけでは無理なような気が。
簡単に考えてたのが間違ってましたね><
もうちょっと知識つけてからやってみることにします。
アドバイスありがとうございました^^
No.3
- 回答日時:
tareteruです ( ^- ^ )
『MT4-004』というテンプレートのソースを見てみましたが、カラムの配置構造はこんな風になっていました(細部は省略しています)。
<div id="content-inner">
<div id="alpha"></div> (記事)
<div id="beta"></div> (サードバー)
<div id="gamma"></div> (サイドバー)
</div>
ですので、単純に考えれば下記のようにボックスタグの順番を入れ替える(もちろん中身ごと)ことで配置を変えることが出来ると思います。
<div id="content-inner">
<div id="beta"></div> (サードバー)
<div id="alpha"></div> (記事)
<div id="gamma"></div> (サイドバー)
</div>
ただし私自身が実際にやって表示具合を確かめたわけではないので、単純にこれだけで済むか、また変更の結果不具合が発生しないかは保証しかねます。おやりになる場合は必ず元データのバックアップを取っておきましょう ( ^^
どうもありがとうございました。
なかなか難しいですね。
今色々やってみました。
左に持ってくることはできました。
あとはそのベースになってるシートが移動しません。。。
かなり難しいみたいです。
しばらくこのデザインでやってみることにします。
ありがとうございました。
No.2
- 回答日時:
画像見ました。
http://www.free-movabletype.jp/images/MT4-018L.h …
これ、ですよね?
なんとも説明しづらいですね。
普通、3カラムで両サイドにメニューを持ってくる場合は
次のような構造にします。
<div id="container">
<div id="left-block">
<div id="main">
ここが中央に表示される記事部分
</div>
<div id="left">
ここが左に表示されるカラム部分
</div>
<br class="none">
</div>
<div id="right">
ここが右に表示されるカラム部分
</div>
</div>
#container {
margin:0 auto;
width:950px;
}
#left-block {
width:700px;
float:left;
}
#main {
width:468px;
float:right;
}
#left {
width:200px;
float:left;
}
.none {
display:none;
clear:both;
}
#right {
width:230px;
float:right;
}
No.1
- 回答日時:
記載のページをIEで見たら、サイドバーは両サイドに配置されてましたが‥ (。
_゜ )??この回答への補足
すみません。私の説明が悪かったようですごめんなさい。
このページ自体のことではなくて、
こちらのサイトで提供しているテンプレのことです。
http://www.free-movabletype.jp/10templete/mt4-01 …
このページを開くと
真ん中に提供テンプレが載っていて、
他にも 右側に人気ランキングでテンプレが載っています。
画像が小さくてわかりにくいと思いますが、
この提供されているテンプレが、サイドバーが右に2つならんでます。
記事欄が一番左でサイドバーが2列右にあります。
このサイドバーの1つを記事の左側に持ってくる方法が知りたいです。
説明不足ですみません。よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) edgeの右端のサイドバーで、お気に入りは表示したく、その右側の縦の帯は非表示に 2 2023/03/25 10:28
- テレビ 車用TVアンテナの配置について 1 2022/11/10 19:42
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- 建設業・製造業 鉄パイプの切断と溶接 料金は 2 2023/04/22 22:02
- Amazon 皆様ならどうされますか? 購入者側、配達員側の両方のご意見を頂きたいです Amazonでセールしてい 1 2023/01/04 16:52
- 専門店・ホームセンター テレビ、pc台を探しています。 3 2023/08/13 14:50
- モニター・ディスプレイ マルチモニタでのカーソルの動き方 1 2022/06/15 14:59
- 一戸建て キッチン水栓の位置の相談です。 新築のキッチンは良くあるシステムキッチンです。 水栓が真ん中ではなく 5 2022/09/18 15:20
- 麻雀 麻雀 3 2022/08/24 09:14
- ホームページ作成・プログラミング アニメ公式サイト風なWebページを作りたいです。 無料のテンプレートはありますか? 2 2022/04/02 11:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FCブログの文字の大きさについて
-
ライブドアブログのサイドバー...
-
FC2ブログで引用に背景色をつける
-
はてなブログ 設定
-
iPhoneで作れる高級感のあるオ...
-
Becky!ver.2で、返信・転送用テ...
-
Powerpointの表のスタイルで好...
-
三つ折りのリーフレットを作りたい
-
gooブログのモジュール追加につ...
-
FC2ブログのカスタマイズ
-
エクセルのテンプレート
-
領収書のテンプレート探してます
-
Wordpressの投稿記事に関する公...
-
FC2ブログの表示がおかしく...
-
word個人用テンプレートの削除方法
-
売り上げ表の作り方、テンプレート
-
改ざんは修正や訂正という意味...
-
ブログが携帯用テンプレートに...
-
Kingsoft Spreadsheets でお小...
-
【FC2ブログ】複数カテゴリを作...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログのサイドバー...
-
中央寄せの解除
-
wordpress カスタムフィールド...
-
ライブドアブログにおいて記事...
-
FC2ブログの右サイドバーが落ちた
-
bloggerブログで画像の枠を消す...
-
gooブログのヘッダーに画像
-
エキサイトブログで挿入画像を...
-
FC2ブログ タイトルの文字を...
-
アメブロ。日記から本文がはみ...
-
本文の文字を大きくしたい
-
アメーバブログの両サイドの余...
-
2beeブログで行間と文字の間隔...
-
ブログ記事内に文章を左右2列に...
-
アンドロイドで文字が左に偏る。
-
WordPressのヘッダー上部の余白
-
fc2ブログのブログ説明文の文...
-
W3CのHTML結果とCSS結果の問題...
-
お世話になっております。fc2で...
-
seesaaでテンプレートを変更したい
おすすめ情報