MovableType スタイルシート攻略

**精子王** · 04/09/21 12:10:42

さぁ、語れ！

**Trackback(774)** · 04/09/21 12:18:44

**Trackback(774)** · 04/09/21 17:03:46

もう>>1の名前からして終わってるスレ

**Trackback(774)** · 04/09/21 17:27:55

期待age

**Trackback(774)** · 04/09/21 17:46:12

これだけ時間が経っても 5 レス。

**Trackback(774)** · 04/09/21 21:49:42

　　　∧∧
　　（　･ω･）さて寝るか...
　＿|　⊃／(＿＿_
／　└-(＿＿＿_／
￣￣￣￣￣￣￣

　＜⌒／ヽ-、_＿_
／＜_/＿＿＿＿／
￣￣￣￣￣￣￣

　　zzz...
　＜⌒／ヽ-、_＿
／＜_/＿＿＿＿／
￣￣￣￣￣￣￣

**Trackback(774)** · 04/09/23 02:06:39

期待あげ

**Trackback(774)** · 04/09/23 16:47:55

関連ｽｯﾄﾞﾚ
Movable Type
http://pc5.2ch.net/test/read.cgi/blog/1092187529/

MOVABLETYPE3.xむけTipsと、雛形テンプレートセット提供サイト
HINAGATA
http://hinagata.biz/

**Trackback(774)** · 04/09/23 16:49:18

■Movabletype　デフォルトテンプレート（3.0用）
http://www.movabletype.org/default_styles.shtml

■ARTIFACT -人工事実-　新聞社サイト風テンプレート
http://artifact-jp.com/mt/archives/200307/newstemplate.html

■2xUP
http://2xup.boo.jp/css/

■すちゃらかCSS素材集
http://www.sucharaka.jp/blog/

■風のまにまに号　macromedia風テンプレート
http://wandering-wind.jp/archives/2004/0515225938.html

**Trackback(774)** · 04/09/23 18:07:32

デザイン(構造も)がかっこいいblog
http://pc5.2ch.net/test/read.cgi/blog/1094775564/

Template Generator
http://www.erisfree.com/d2/apart.php

**Trackback(774)** · 04/09/23 20:13:02

他力本願の糞スレだなｗ

**Trackback(774)** · 04/09/24 16:44:15

本買ったら？

**Trackback(774)** · 04/09/24 19:51:42

検索が出来る人はネットでいくらでもcss学べる。
検索が出来ない人は本を買えば良い。

**Trackback(774)** · 04/09/29 22:17:21

ポータル、プロバイダ別blogデザインカスタマイズ事典
http://www.amazon.co.jp/exec/obidos/ASIN/4839915717/
という本が出ている

**Trackback(774)** · 04/09/30 09:41:25

blogはHTMLの知識がないとできないよ。
CSSはHTMLがわかってないとスパムだよ。

**Trackback(774)** · 04/10/01 02:27:48

　　終　了　棚

**Trackback(774)** · 04/10/01 08:52:18

　　大　陸　棚

**Trackback(774)** · 04/10/01 11:18:50

ティナ・ターナー

**Trackback(774)** · 04/10/01 13:39:11

　　播　磨　灘

**Trackback(774)** · 04/10/04 09:52:17

　　カ　ナ　ダ

**Trackback(774)** · 04/10/11 01:27:15

期待age

**電脳プリオン** · 04/10/29 23:31:25

失望sage

**Trackback(774)** · 04/11/12 03:57:03

IEにあわせて作ると、大変な目にあう。

**Trackback(774)** · 04/11/12 06:59:53

>>23
コーディングする側になって初めてIEのクソっぷりはわかるよね。
かといってオペラモジラサファリ基準で作ってもIEで表示出来ないと閲覧者が激減。

**Trackback(774)** · 04/11/12 19:11:39

>>24
禿同
結局ほとんどHTML側で書いてCSSは書体関連ぐらいにしか使ってない
IE逝ってよし

**Trackback(774)** · 04/11/14 06:45:00

firefox使ってるけど、たまにニュース動画を見ようとすると弾かれたりするのでIEを嫌々使ったりすることがある。

**Trackback(774)** · 04/11/14 07:33:08

Firefoxで綺麗にレイアウトできたーと思ってIEで見るとメタメタで落ち込むことが良くあります
OperaでもSafariでも構造は崩れないのにIEだけ何故・・・

**Trackback(774)** · 04/11/14 13:30:07

2xupって、どっかに移転した？

**Trackback(774)** · 04/11/14 17:37:17

>>28
ttp://2xup.org/
じゃね？

**Trackback(774)** · 04/11/15 07:01:24

3columnの添付れ、なくなっちゃったのか。＿|￣|○

**Trackback(774)** · 04/11/30 16:57:51

あの、MT3.11-jaで
カレンダーの今日をハイライトしたいんですけど
ttp://www.mylog.jp/blogs/q-box/archives/000370.html
ここを参考にしても、
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center"><span class="calendar">

この記述がみつからなくて、追加する物だけ追加したんですが
うまくできません。
どなたか教えて下さい。

その質問箱に質問したかったんですが、何回やっても、コメントができなくって。
お願いします。

**Trackback(774)** · 04/12/01 15:26:24

>31
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center"<MTCalendarIfToday>bgcolor="#FFB6C1"</MTCalendarIfToday>><span class="calendar">

**Trackback(774)** · 04/12/01 15:46:41

>31
というか、エディタにコピペして検索すればすぐだろ。

**Trackback(774)** · 04/12/01 18:06:33

ごく普通の２カラム構成で左側にカレンダー＋その他諸々、右側に本文ってって場合
CSSのどこをどういじればいいの？
おしえて！えろい人

**Trackback(774)** · 04/12/01 18:39:39

ちぬこをうずまきを描く感じでいじれば良い

**Trackback(774)** · 04/12/02 00:36:45

左を固めて本文を流し込めばいい。ＣＳＳ自体はお助け本でも読め。

**Trackback(774)** · 04/12/02 02:47:45

>>34
インデックスページのソース見て考えれ

**Trackback(774)** · 04/12/02 19:36:28

FireFoxで表示がおかしくなります。

<div id="contener">
<div id="banner">バナー</div>
<div id="left">
<div id="content">コンテンツA</div>
<div id="content">コンテンツB</div>
</div>
<div id="right">メニュー</div>
</div>

という構造にして、

#contener {
background-image:url(backimage.jpg);
background
}

とcssを記述して#contener部分の背景にイメージを表示させているんですが、
FireFoxで表示すると、バナー部分を過ぎたところで背景のイメージが表示されなくなります。
#contener部分のborder枠も同じところで消えてしまってます。

IEやOperaでは正常に表示されています。

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

**Trackback(774)** · 04/12/02 22:46:53

#contener {
background-image:url(backimage.jpg);
background ← 意味不明
}

**Trackback(774)** · 04/12/02 23:17:59

>>39
切れてました。。

#container {
width:750px;
background-image: url(bg.jpg);
background-repeat: repeat;
}

#containerのスペルも間違ってた…＿|￣|○

**Trackback(774)** · 04/12/03 14:59:25

>>38
つか、contentってIDが２個あるけど、IDは文書内で一意のもの。

**Trackback(774)** · 04/12/03 21:45:46

IDとclassの関係は初心者の陥りがちな罠だね
理解してからでもどうして分かれてる必要があるのか時々悩むが。

**Trackback(774)** · 04/12/04 00:05:25

同じIDの人が何人もいたら混乱するじゃん普通
同じクラスの人はたくさんいるじゃん普通

**Trackback(774)** · 04/12/04 00:52:58

おお
それは面白い例えだ

クラスで十分なのにIDまでつける意味はわからんが

**Trackback(774)** · 04/12/04 10:47:08

全然伝わらなかった＿|￣|○

**Trackback(774)** · 04/12/04 10:48:21

意味はわかってるよ
しかし機能としてどうなのよと

全部class扱いだとどういう不都合があるのかわからんの。俺は。

**Trackback(774)** · 04/12/04 10:51:25

速攻レスがあってびびった・・・

まぁ全部classで済ますことも不可能じゃないだろけど（デザインに限れば）
まとめて指定と個別に指定と両方あった方が便利やん。
それで伝わらなかったらもういいよ(´･ω･`)

**Trackback(774)** · 04/12/04 11:00:04

あ、本当だ速攻でつけてたんだな俺
>>44書いてから>>46書くまでずっとドラクエやってたんだけどなｗ

>>47
うん、だから論理的な意味はわかるのよ。
でも「区別されてなきゃ出来ない事」ってのがなにも無い気がするんだけどどうなのよと。

**Trackback(774)** · 04/12/05 05:41:59

何に拘ってるのかよくわからんけど、
ないよりあった方が断然便利。
なぜ便利かわからない人は一生classだけ使ってればよし。

**Trackback(774)** · 04/12/05 12:06:32

idはそのドキュメントに一つしかないからアンカーにつかえるよ。

**Trackback(774)** · 04/12/06 12:54:23

>>38
フロート要素の仕様｡IEの表示はバグ｡
#containerの閉じタグ直前(#rightを閉じた直後)で
<br clear="all">するか、#rightの下に
新しいブロック要素(#footerとか)を作って
#footer{clear:both;}
としてやるかしてみ｡

**Trackback(774)** · 04/12/06 14:19:34

>>51
>>41

**Trackback(774)** · 04/12/06 14:49:39

>>52
Σ(ﾟДﾟ)

**Trackback(774)** · 04/12/06 17:29:20

classとIDは苗字と名前に例えられたりするよね。
苗字（class）だけで指定できる場合と、特定の個人だけを指定したければ名前（ID）で指定する。

**Trackback(774)** · 04/12/06 17:55:59

classもつかいようによっては厨房あつかいされるので注意でつ

**Trackback(774)** · 04/12/07 10:42:49

今までテーブル厨でＣＳＳとかあんまり使ったことなかったんだけど、
いざ使い始めるとほんとにＩＥが憎くなるねｗ
なんであんなにレンダリング汚いの？

**Trackback(774)** · 04/12/07 13:13:14

HTMLで幾らサイトを構築できても、ｽﾀｲﾙｼｰﾄが
全然分からない状態でMTに手を出したら駄目だね。
色々検索してみてるけど、結局タイトルバナーの
下に文を表示する手段すらも分からない始末。

**Trackback(774)** · 04/12/07 15:58:19

それはHTMLの範疇だと思うがどうか

**Trackback(774)** · 04/12/08 01:20:55

>>56
Mozillaがすべて正しい訳じゃないよ

**Trackback(774)** · 04/12/08 02:48:38

>>59
間違った記述でも勝手に解釈してテキトーに描画するIEより遥かにマシ

**Trackback(774)** · 04/12/08 05:17:33

>>60
馬鹿が書いたクソhtmlを補って表示してくれてるんじゃねーか
有り難いと思えよ

悪いのはウンコみたいなhtml書いてる奴でIEのせいじゃねーだろ
アタマワルイの？

**Trackback(774)** · 04/12/09 18:57:38

なんか辛いことでもあったのか。

**Trackback(774)** · 04/12/11 02:45:55

正しいものなどなにもない
信じられるのは自分と金だけ

**Trackback(774)** · 04/12/11 09:55:02

よほど追い詰められているんだな

**Trackback(774)** · 04/12/11 14:36:08

>63
。。。。

**Trackback(774)** · 04/12/17 13:37:49

スタイルシートで背景を黒、文字を白にしているんですが
引用した後の文字が黒いままです。どういった定義が必要になるんでしょうか？

今は

=========
引用文 ←スタイルシートで定義した形式
=========
ということですが。　　←黒背景に黒字

となってしまっています。

**Trackback(774)** · 04/12/17 14:13:26

>>66
p {color:#fff}

**Trackback(774)** · 04/12/17 14:38:24

>>66
ソースをまんまコピペした方がいいと思う。
たぶん単純ミス・・・

**Trackback(774)** · 04/12/17 15:18:02

流石ですね
”攻略”のヒントが満載ですね

**Trackback(774)** · 04/12/17 17:14:43

>>67
ありがとうございます。加えてみましたが同じでした。
>>68
まんまとなると、かなり長くなるんですけど、それでもいいのでしょうか？
抜粋するとこうです

div.entry-body blockquote {
border: 1px solid #fff;
border-width:2px;
MARGIN: 5px 5px 5px 20px;
PADDING: 5px 5px 5px 20px;
BORDER-STYLE:dashed;　
background-color: #333333;
font-size: 95%;
color: #fff;
}

div.entry-body blockquote blockquote {
font-size: 100%;
}

div.entry-body blockquote ul {
list-style-position: inside;
list-style-type: square;
}

div.entry-body pre {
font-size: 95%;
border: 1px solid #fff;
background-color: #E5E5E5;
color: #000;

**Trackback(774)** · 04/12/17 17:31:10

>>70
なんか中途半端な抜粋で判断のしようが・・・
アドレス晒せないの？

**Trackback(774)** · 04/12/17 17:37:28

>>70
div.entry-body blockquote ul, div.entry-body blockquote p { color: #fff; }

**Trackback(774)** · 04/12/17 17:39:44

>>70

それと元のスタイルシートにあれこれ追加するのはいいけど、無駄のないようにな。

div.entry-body blockquote {
border: 2px dashed #fff;
margin: 5px 5px 5px 20px;
padding: 5px 5px 5px 20px;
background-color: #333;
font-size: 95%;
}

**Trackback(774)** · 04/12/17 17:45:06

>>71
恥ずかしくてごめんなさい。

>>72-73
今から加えてみます！

新しいスタイルシートを発見したので楽しくなって探したスタイルをいろいろと
追加してしまっています。これから力量に合わせようと思います。

66 · 04/12/17 18:13:03

できた！

ありがとうございます。
今まで、追記や画像、リストの後の文字にはイチイチ<font color="#ffffff">を
使っていたので本当に助かりました。m( __ __ )m

**Trackback(774)** · 04/12/17 20:24:05

>>72-73
>>75
な、なんでこれで直るんだー！！

<body>
<div class="entry-body">
<blockquote>ここに引用文（黒背景に白字）</blockquote>
<p>ここに本文（白字にしたい）</p>
</div>
</body>

スタイルシートはbody { background-color:#000; color:#fff; }だよね、多分。

確かに提示されたスタイルシート自体にはおかしいところがあるけど、
entry-body p　に関しての記述ががないから影響がなく白文字で表示されると思うんだけど。

66 · 04/12/17 20:56:14

正直に書きます。。。
一度目はちゃんと表示されたので成功の書き込みをしたんですけど
もう一度更新したら、、、黒い文字のままでした。。。。orz
でもいまさらダメだったって書き込みにくくなっていました。

66 · 04/12/17 20:59:17

>>76
こうなっています

body {
font: normal normal normal 100%/1.5 verdana;
color:#fff;
background-color: #000;
}

**Trackback(774)** · 04/12/17 21:20:08

>>78
たぶんどっかでタグ閉じてないな。
ＨＰアドレス教えてくれたらすぐに分かるんだけど…

**Trackback(774)** · 04/12/17 23:47:17

>>79
なるほど
そうやって晒させるのですね。

**Trackback(774)** · 04/12/18 00:11:18

>>80
晒す以前にこの情報だけで回答できたらエスパーだぜよ
アップローダーでもどこでもいいからトップページとそのCSSを用意すれば
解決できるんだろうが

**Trackback(774)** · 04/12/18 00:17:04

適切に抜粋できる腕があったら最初からトラブってないと思われ

**Trackback(774)** · 04/12/18 02:08:18

>>79
俺もそれに５円。

**Trackback(774)** · 04/12/18 17:11:39

これのどこが「MovableType スタイルシート攻略」なんだろう
初心者板の方に誘導した方がいいんでねぇの

**Trackback(774)** · 04/12/18 18:06:37

そもそもMT特有のスタイルシート攻略法など存在しない

**Trackback(774)** · 04/12/19 10:56:58

そもそもgoo blog のほうが便利。

**Trackback(774)** · 04/12/19 11:17:37

簡単と便利は違う

**Trackback(774)** · 05/01/08 17:22:15

エントリー投稿時にリンク作るのがあるけど、あれ最初の状態から
target="_blank"　にしておくことって出来ないかなぁ・・・
そうするとかなり便利になるんだけどなぁ

**Trackback(774)** · 05/01/08 18:17:08

>>88
ブログ質問箱に解決策あり。があ、ＣＳＳとは関係ないべ。

**Trackback(774)** · 05/01/12 18:46:07

>>88
基本的に新規ウインドウで開かせたいならテンプレで
<base target=_blank>にしといて、同一ウインドウで開きたい
リンクのみその都度_selfにしとけばいいんじゃないのか。

**Trackback(774)** · 05/01/12 23:33:27

っていうか別窓で開くのやめようぜたのむウザイから

**Trackback(774)** · 05/01/13 01:52:02

>>91
「戻る」よりウィンドウ閉じる方が速いから微妙だけどな。
Operaなら戻るの速いんだけどなぁ・・・

**Trackback(774)** · 05/01/13 11:12:20

>>92
＞「戻る」よりウィンドウ閉じる方が速い

同感。マウスでいちいち「×」をクリックしてるならともかく
「Ctrl（Macではコマンド）+W」覚えてしまうとね…。

**Trackback(774)** · 05/01/14 16:22:43

タブブラウザ+マウスジェスチャーでやってるぶんにはどっちも大して変わらん。

**Trackback(774)** · 05/01/15 09:27:19

やたら重いサイトは戻るのにも時間かかるから
_blankの方がありがたいなぁ。
確かに>92の言うように戻るの速さはOperaを
見習って欲すぃ

**Trackback(774)** · 05/01/19 11:11:31

エントリータイトル部分の背景色を変えたいのですが、ブラウザによっては上手く反映されません。
テンプレートのスタイルシートを以下の様に書き換えました。
content h3の部分にbackground-colorを付け加えただけです。

■ 変更前
.content h3 {
color: #333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

■ 変更後
.content h3 {
color: #333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small text-align: left;
font-weight: bold;
margin-bottom: 10px;
background-color: DC143C　← 付け加えた箇所
}

MacOSXのSafariで見ると思った通りにタイトル部分の背景に色が付いたのですが、MacOSXのIEやFireFox、WindowsのIEで見ると何も変わっていません。
基本的な事で申し訳ありませんが、アドバイス頂けないでしょうか。
ご面倒お掛けしますがよろしくお願いします。

**Trackback(774)** · 05/01/19 11:18:12

すいません。解決しました。

background-color: DC143C
　↓
background-color: #DC143C

#を付けたらキチンと反映されました。
SAFARIをメインにしていたので気づかなかったのですが、SAFARIって#が無くても大丈夫だったのですね。
お騒がせしてすいませんでした。

**Trackback(774)** · NG

>>96
background-color: DC143C　← 付け加えた箇所
↓
background-color: #DC143C;　← 付け加えた箇所

05/01/19 14:32:33

レベル低いなｗ

**Trackback(774)** · 05/01/19 17:17:38

ｳ､ｳﾝ(´･ω･`)

**Trackback(774)** · 05/01/20 14:08:13

そ、そうだねコーウェンくん

**Trackback(774)** · 05/01/24 20:40:47

別スレで質問したのですが、スレ違いだった為にこちらに移動してきました。

スクロールバーの色を変更したいのですが、
スタイルシートに書き込んだところ、反映してくれません。
以下の記述です。
どのようにすれば良いのかご教授願います。

body {
  overflow-x: hidden;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
    margin: 0px 0px 20px 0px;
        background-color: #000000;
    }

**Trackback(774)** · 05/01/24 21:01:09

>>102
MT じゃなくて手書きの HTML でローカルで試したところ、ちゃんと反映したが。
まさか「 IE 以外で反映しません ! 」なんて言うんじゃないよね ?
つか、 overflow-x って……

**Trackback(774)** · 05/01/24 21:04:28

>>103
横は消したかったんです。
同じくＭＴ以外の動作を確認してます。
でもＭＴだとどういうわけか上手くいかなくて…。

**Trackback(774)** · 05/01/24 21:08:47

overflow-x ってそもそも IE 専用のプロパティだし、
hidden にするってことは、横スクロールバーが出るであろう場合に出ないようにしてしまうってことだ。
はっきり言って不便以外の何者でもない糞デザイン（設計という意味で）なので、
やめた方がいいと思う。

で、 MT で反映しないってことは、
単にスタイルシートのテンプレートの再構築ができてないとかそんなミスな気がしてきた。

**Trackback(774)** · 05/01/24 21:11:22

>>105
そうですか…。ではそこの部分、消しておきます。
再構築はちゃんとしました。
それでも反映してくれない(´Д⊂ｸﾞｽﾝ

**Trackback(774)** · 05/01/24 21:56:07

>>102
ドキュメントスイッチ消してみ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
一番上のやつ

**Trackback(774)** · 05/01/24 22:45:22

>>107
消したら出来ました！
…が、デザインがぐちゃぐちゃに崩れちゃいますね。。。
うーん…。

**Trackback(774)** · 05/01/24 23:05:32

>>108
それはIE6の互換スイッチだから仕方ないべ。
どうしてもっていうなら、スイッチはそのままで、

htmlにもそのスタイルそのまま適用してみそ。

**Trackback(774)** · 05/01/24 23:15:51

>>109
駄目でした…。
根本的に不可能なのかなぁ。。。

**Trackback(774)** · 05/01/24 23:24:24

>>110
ttp://www.cybergarden.net/stylesheet/css_page_scrollbar.html

**Trackback(774)** · 05/01/24 23:41:43

>>111
サンクス！
お陰さまで出来ました。
レスして下さった方、ありがとうございます。

**Trackback(774)** · 05/01/25 12:01:20

先日MovableTypeスタイル＆コンテンツデザインガイドを買ったのですが…。
マルチカラムのWebサイト制作を考えているので早速情報集め。
しかし、ブラウザによって見栄えが変わるのを防ぐのって難しいですね…。
多分、ここがかなりの障害になっていると思います。
ここさえクリアすれば後は出来そうな気がします。分かりませんけど。
MTって、日本ではBlog以外で使ってる人って少ないですよね。
Blogも含め、Webサイト制作の為に、各ブラウザの対策をした枠だけのテンプレートってないでしょうか？
様々なタイプのマルチカラムの基本テンプレートがあればと思います。
それさえあれば、本を持ってるので後はなんとか自分で作れそうなんですが…。
スタイルシートとHTMLだけなので、MT以外でも使えそうです。
これがあれば、テンプレートを作る人が増えて面白そうです。
白テンって感じの呼び名で（仮）。

**Trackback(774)** · 05/01/25 13:04:06

>>113
日記は（ｒｙ

**Trackback(774)** · 05/01/27 07:00:01

日記の事忘れてました。
スタイルシートでマルチカラムの本も探したのですが、良さそうなのがありませんでした。
基本はＭＴも同じなので、「CSSでマルチカラム」のスレッドがあればとも思いました。
WEB制作管理板に「CSSでマルチカラム＆白テン計画」などと題して。
でも作る勇気ないなぁ…。
これから需要が増えてくると思うのですが、止めといた方が良いかな？

あと、レイアウト崩れを気にする前に自分で作ってみたんですけど、
全体的に真ん中に寄せても、サイドだけが横に行ってたりします…。
ヘッダー、サイド、メイン、フッターとやったのですが、
サイドとメインの長さが合わず、片方から背景の色が見えたりもします…。

**Trackback(774)** · 05/01/27 07:00:52

変なIDになってしまった…。

**Trackback(774)** · 05/02/04 15:06:30

日記が更新されてない(ノﾟДﾟ)ノ　＝＝＝＝　┻━━┻

**Trackback(774)** · 05/02/23 14:43:30

3カラムで質問ですが左右の幅を

#content {
margin-right : 185px ;
margin-left : 185px ;
}

といった感じで固定して、中央をAutoで利用しているのですが、
中央も300px以下の表示は許さないというようにしたいのですができますか？
つまりブラウザの表示幅が470px以下だったら下にスクロールバーを出すようにして、
それ以上の幅だったら中央のカラムだけ広がるようにしたいのですが
教えてもらえると助かります。宜しくお願いします。

**Trackback(774)** · 05/02/23 15:20:50

ＭＴだけのCSSなど存在しない。
クソスレ上げんな、ぼけ

**Trackback(774)** · 05/02/23 16:54:26

上げた程度でギスらせちゃうなんてかわいいなぁ。
仕方が無いからもう一度あげちゃいますね。

**Trackback(774)** · 05/02/23 18:05:48

>>118
適当にmin-width:300px;ではダメなのかと言ってみる。
適当だからツッコミ禁止。

**Trackback(774)** · 05/03/09 15:22:18

普通にXHTMLでｻｲﾄ作ってﾊﾟｰﾏﾘﾝｸにあたる部分をMTﾀｸﾞに置き換えればﾃﾝﾌﾟﾚ完成。CSSもｵﾘｼﾞﾅﾙをlinkさせるだけ。何を攻略するんだ?ｸｿｽﾚ終了～。

**Trackback(774)** · 2005/04/10(日) 10:51:06

>>43がとてもいいこといったのにあまり反応されてない気がする

**Trackback(774)** · 2005/05/03(火) 02:15:58

画像リンクの周りの枠線の色はどうやって変えたらいいのでしょうか？
枠線を消すとかはできるんですが・・・

**Trackback(774)** · 2005/05/03(火) 13:02:16

.content P IMG {
border-left : 1px solid #7F9DB9;
border-right : 1px solid #7F9DB9;
border-top : 1px solid #7F9DB9;
border-bottom : 1px solid #7F9DB9;
}

**Trackback(774)** · 2005/05/04(水) 21:16:21

上下左右同じにするのなら

border: 1px solid #000000;

でもOK

**Trackback(774)** · 2005/05/20(金) 03:57:00

上下にフレームを作ると横のスクロールバーが出てしまいます。

CSSをどのように変更したらいいのでしょうか？

**Trackback(774)** · 2005/05/20(金) 04:20:43

自己解決しました。

body {　　width:98%;

　　　　　　}

**Trackback(774)** · 2005/06/12(日) 16:14:39

このスレ立てた>>1ってすごくあたまわるそう

**Trackback(774)** · 2005/06/13(月) 04:02:42

3ｶﾗﾑなら ttp://filemaker.cx ここ参考にするべ

**Trackback(774)** · 2005/06/13(月) 12:39:33

>>130
どうでもいいんだが、そのページ

一番下までスクロールして
トップに行くためのアンカー等がないと萎えるな

**Trackback(774)** · 2005/06/14(火) 16:28:22

>>130

**Trackback(774)** · 2005/06/14(火) 16:30:29

>>130
結構イイと思た、XHTML VALIDだし。
IEの標準モードレンダリングで3カラムのレイアウトが崩れないのは珍しいんじゃない？

**Trackback(774)** · 2005/06/27(月) 19:38:57

movable typeにCSSファイルをアップロードすると、
日本語部分が文字化けしちゃうんだけど、
どうすればいいの？

**Trackback(774)** · 2005/06/27(月) 23:06:42

>>134
文字コードって知ってる僕？

**Trackback(774)** · 2005/06/28(火) 06:59:36

>>135
よく知らない

**134** · 2005/06/28(火) 08:07:28

もうちょっと詳しく書きます。

movable typeの文字コードがデフォルトのutf-8に設定中。
スタイルシートの先頭に@charset "UTF-8";
と書いてアップロード。

そうすると、スタイルシートの日本語部分だけ文字化けする；・・・

**Trackback(774)** · 2005/06/28(火) 11:04:22

そのスタイルシートは本当にUTF-8になってる？
宣言してる文字コードと実際の文字コードが違うんでない？

**Trackback(774)** · 2005/06/28(火) 19:11:51

cssをUTF-8で保存し直したか?

**Trackback(774)** · 2005/06/28(火) 22:14:12

>>134
（ ´,_ゝ｀）ﾌﾟｯ
アップロードするならUTF-8で保存後UP。
インデックスページで作ればよかたのにね。

**Trackback(774)** · 2005/07/31(日) 20:49:25

ここのサイトのカテゴリーのページとか、
エントリーの一番上に表示されてるのってどうやってるんでしょうか？
http://warcs.mond.jp/ms/

**Trackback(774)** · 2005/07/31(日) 22:06:37

>>141
phpなので外部ファイルをインクルードじゃないの。

**Trackback(774)** · 2005/08/04(木) 02:17:16

たまには、ほしゅ

**Trackback(774)** · 2005/08/20(土) 22:29:18

ageとくか

**Trackback(774)** · 2005/09/05(月) 04:16:38

>HINAGATAでは、ベーススタイルシートが2種類あります。一つは幅可変
>（ウィンドウ幅によって、ページの幅も変化します）。
>もう一つは幅固定です（ウィンドウのサイズに関わらず、サイトの幅を固定）。
>お好みに合わせてお選びください。

てことだすが、幅可変の一つしか見当たらないんすが。
幅固定はどこに？？

**145** · 2005/09/05(月) 05:47:28

今公開停止中だったのね。。。orz

**Trackback(774)** · 2005/09/07(水) 10:12:06

こんにちは
２台のPC（どちらもXPSP2、IE6画面解像度も同じ）で自分のblogを見ているのですが
片方ではちゃんと３カラムになっているのに　もう一方ではデザインが崩れて２カラムになってしまっています。
スタイルシートで全幅800、中央600　両サイド200で設定しているのですが…

考えられる原因があったら教えてください

**147** · 2005/09/07(水) 11:21:56

自己レスです
ノートンの2004と2005の違いでした。　オフにしたら直った。スマソ

**名無しさん＠そうだ選挙に行こう** · 2005/09/11(日) 12:16:59

それってノートンの何の機能によって、3カラム構造がおかしくなるんですか？

**Trackback(774)** · 2005/09/13(火) 15:38:18

>>141
それより、ここのサイト、
文字化け醜いゾ！
UTF-8なのに、なんで化けてるんだｗ
管理人、頭悪いのか？

**Trackback(774)** · 2005/09/13(火) 17:45:20

>>150

人のせいにしない

**Trackback(774)** · 2005/09/14(水) 04:05:53

MT弄るの初めてなんで質問させてください。
HINAGATA-PHOTO 0.7を使いたいのですが、MT3.1なので
サムネイルが表示されません。それでもなんとか表示できる方法が
HINAGATAさんとこに書いてましたが表示がおかしい。

ですのでHINAGATA-PHOTOを使うためにMT2.Xが欲しいのですが
どこかにないんでしょうか？

**Trackback(774)** · 2005/09/14(水) 13:40:03

>>152
3.1でも普通に使えるのでMTのせいにしないでください。

どーせこの意味が解らない馬鹿なんだろうけど。
Keywords :
Thumbnail HTML Code(Less than 75 px of width)

**どーせ意味が解らない馬鹿** · 2005/09/14(水) 15:11:07

>>153
すいません、仰せのとおりできましたorz
説明もよく読まず先にググってしまい、サムネイルのうｐ方法を
わからないまま古い情報で右往左往してしまいました。
ありがとう！

**Trackback(774)** · 2005/09/14(水) 18:18:20

馬鹿と言われて「ありがとう」とはよっぽどの馬鹿なのか、
よほどの人格者なのか・・・

**どーせ意味が解らない馬鹿** · 2005/09/14(水) 23:49:39

>>155
人間馬鹿になるとなんでもできますよ。
とは昔世話になった会社の社長の言葉で。まぁ今回の件とは意味が違うけど。
>>153が俺の事を馬鹿にしてるだけなら最後の２行はありませんからね。
呆れつつ助けてくれたと解釈してます。

**Trackback(774)** · 2005/09/15(木) 01:09:25

ぼく、ばかになってみましたあ。
あはははは。
もう、なんでもできるっす。

**Trackback(774)** · 2005/09/15(木) 03:27:26

HINAGATA-PHOTOの話で便乗させてください！
とりあえずデフォのままで運用してますが、表示画像のリンクカラーが
うざくて仕方ないです。文字のリンクカラーは変えられたのに
画像だけ、青とか紫とかになって目障りです。変え方教えてくれませんか？

**Trackback(774)** · 2005/09/15(木) 05:04:01

そんなことは簡単です。
馬鹿になればいいんです。
あはははは。

**Trackback(774)** · 2005/09/15(木) 08:14:47

>>158
a img {
border: none; text-decoration: none;
}

**Trackback(774)** · 2005/09/15(木) 20:59:00

>>160
ｱﾘｶﾞ㌧！見事にすっきりしました！

**Trackback(774)** · 2005/09/22(木) 13:58:20

この娘たちは本物だろうか？
エロすぎるんです…。
ttp://koiten.com/?n07

**Trackback(774)** · 2005/09/25(日) 21:22:24

初めてStyleCatcherをアップロードしましたが
「Select a Design using StyleCatcher」をクリックすると

エラーが発生しました：
Please configure the settings for this plugin before using it.

と表示されてしまいます。
stylecatcher.cgiで設定する箇所があるのでしょうか？

**Trackback(774)** · 2005/09/25(日) 21:24:41

>>163
path設定が間違っているから見直してみんさい。

そのメッセージの意味は
"それを使用する前に、このpluginのために設定を構成してください。"
ということです。

MovableType StyleCatcher Plugin, in plugin, on Movable Type 4989
http://movabletype.yh.land.to/archives/2005/09/12/movabletype-stylecatcher-greasemonkey-plugin/

**Trackback(774)** · 2005/09/25(日) 21:38:20

>>164
即レスありがとうございます
書かれてるとおりに最初からやり直したら成功しました

**yoshi** · 2005/10/01(土) 22:42:28

MTを利用して写真とタイトルが一緒になった画像とその下に
コンテンツメニューがあるブログをやってみたいと思うのですが
このようなデザインを作るのは、作業は大変でしょうか？

**Trackback(774)** · 2005/10/02(日) 22:11:59

そんなに大変じゃないけど、ブログである必要はないと思う。

**Trackback(774)** · 2005/10/16(日) 22:39:20

3.2が出たけど、スタイルシートなどのデザイン的にはどう変わったのかね？

**Trackback(774)** · 2005/10/17(月) 00:31:28

どう変わろうがどうにでもできるから質問自体が無意味

**Trackback(774)** · 2005/10/22(土) 16:50:20

Movable Type Community Forum JP :: 一覧
http://movabletype.dw.land.to/index.php
作ってみました、どうぞよろしくお願いいたします。

**Trackback(774)** · 2005/10/29(土) 16:47:51

tes

**Trackback(774)** · 2005/11/17(木) 12:31:06

>>88-89の詳細ｷﾎﾞﾝﾇ

**Trackback(774)** · 2005/11/26(土) 18:10:31

サイドメニューの背景色を縦幅いっぱいに伸ばしたいので

#beta { background:#cccccc; height:100%; }

としてみたんだけど、伸びてくれずダメでした。。。

containerの背景を#cccccc、alphaの背景を#ffffff、
という形にもトライしたのですが、
こうすると今度は本文エリアの縦が短いとき、
サイドメニューの背景色は本文エリアの下に出てしまいます。

分かりにくい表現になってしまうのですが、
サイドメニューの幅の背景色を下までスッキリ伸ばす方法ないでしょうか？

**Trackback(774)** · 2005/11/30(水) 22:58:08

Movable関連のスレここだけになっちゃったな。
そんなに需要ないのかな？

**Trackback(774)** · 2005/12/01(木) 10:24:02

>>174
？

**Trackback(774)** · 2005/12/11(日) 07:19:03

>>173
前に同じこと悩んで検索したけど、見つからなかった。悩んだ。

仕方ないから、beta背景色・幅固定・高さ100%のテーブルをこさえて、
そん中に全部ぶっこんだ。

説明するまでもないけど一応。

メインページの、<head>～</head>以下、<body class="layout-two-column-right">の下に、
<table width="コンテナ横幅" height="100%" border="0" align="center" cellpadding="0"
cellspacing="0" bgcolor="#cccccc"><tr><td>とか何とか書いて、
残りを全部コピペして、</tr></td></table>で閉じる。

スタイルシートのスレなのに、ごめんねごめんね。

**Trackback(774)** · 2005/12/12(月) 01:31:09

>173,176
bodyかcontainerの背景に画像
それ以外には背景関係は指定しない

これが一番簡単じゃないかな？

**Trackback(774)** · 2005/12/12(月) 23:10:56

>>176
なんか上手く出来ない…
小粋空間さんみたいに、上から下までサイドバーを突貫したいんだけど
どうすればいいんだろう…

**Trackback(774)** · 2005/12/13(火) 08:23:23

質問します

枠線っていうんですかね？
サイドバーやエントリのブロック…というのか
とにかく枠線にドロップシャドウの様な影を付けるにはどうしたら良いのでしょう

**Trackback(774)** · 2005/12/13(火) 08:38:46

背景に画像を使う

**Trackback(774)** · 2006/01/02(月) 17:52:01

こんにちは、Movable Type 3.2ja-2を利用して、（ＭＴに関してほとんど
初心者です）ブログじゃなくてホームページを作っている最中です。

インストールは終わってホームページ用にカスタマイズ途中です。

エントリーを投稿、等したら表示される投稿者名、日付、パーマリンクは
不要で表示しない様にしたいのですが何処をどうしたらいいか、
本を買って読んでもインターネットで散々調べましたが出ていません。
どうしたらいいのでしょうか。よろしくお願いします。

**Trackback(774)** · 2006/01/02(月) 20:09:04

テンプレートを見て分からないければMTは厳しいと思うよ

**Trackback(774)** · 2006/01/03(火) 01:49:53

それでもブログを使用してホームページを作りたいです。

スタイルシートも関係有ると思いますが、ここの題がスタイルシート攻略ですが、
答えが見つかりそうな所がここしか見つからなかったので済みません。

カスタム途中の、私のサイトは http://okarino.jp/blog/ です。

スタイルキャッチャー？でデザインを変えています。サイドバーは
ＳＥＯを考慮して左に変えました。

メインページの下記の中で

<div id="pagebody">
<div id="pagebody-inner" class="pkg">
<div id="alpha">
<div id="alpha-inner" class="pkg">

<MTEntries>
<$MTEntryTrackbackData$>

<MTDateHeader><h2 class="date-header">
<$MTEntryDate format="%x"$></h2></MTDateHeader>

下から１行から２行目にかけて、ここの表示では１行目
　<$MTEntryDate format="%x"$>　が
有りますがこれが日付を表していて、確かこの<MTDateHeader>
<h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
を削除して

（その時は何時間もずーっと考え続けていた為ボーっとした状態でした）
再構築しましたが日付などは消えてくれませんでした。

スタイルシートの方は

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/cgi/mt/mt-static/themes/base-weblog.css);
@import url(/cgi/mt/mt-static/themes/theme-travel/theme-travel.css);
/* end StyleCatcher imports */

これしか有りません。（再構築の欄に小さな緑の二重丸になっている物）
何で段数がこんなに少ないんだろう。不思議です。
スタイルキャッチャー？を使用したらこうなるのでしょうか？

スタイルシート (Backup from 2005-12-31 00:5 の物は 1022行
（1022行は秀丸にコピーしたから分かりました）
の物になっています。その中に　<$MTEntryDate format="%x"$>　
はありませんでした。これとは別のタグの部分を削除しなければ
ならないのでしょうか。

**Trackback(774)** · 2006/01/03(火) 06:06:07

>>183
寝起きで適当にぐぐった上でのレス付けるけど

<MTDateHeader>を削除すると、毎回日付が表示されるらしい
で、<$MTEntryDate format="%x"$>は日付の書式を決めるタグらしい

そして質問の本題だけど、外部CSS・CSSファイルの外部化と言われるテクニックをMTは使ってる。
だからスタイルシート欄も
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/cgi/mt/mt-static/themes/base-weblog.css);
@import url(/cgi/mt/mt-static/themes/theme-travel/theme-travel.css);
/* end StyleCatcher imports */
の4行で済んでいるわけ。外部化するメリットデメリットについては
ttp://www.semilog.jp/16/17/20050523214537.html　を参照。初心者には非常に分かりやすいと思う。
要旨としては、CSSの一元管理とHTMLファイルの軽量化。

で、さらにMT3.2は@import urlでいくつかにCSSが分かれてるだけど、分ける意味としては
各種ブラウザのバグに対応するCSSハック・基本的なCSSの指定・その他色々あって、
とりあえずぐぐれ。2-3日も関連開設サイトを調べれば理解できると思う。

とにかく外部CSSを自分で実装できてかつ、@import urlの意味と特徴を理解して人に説明できるぐらいになろう
そのためにはいくつもサイトを作っては潰して作っては潰す、試行錯誤が必須。

**Trackback(774)** · 2006/01/03(火) 15:48:06

回答有り難うございました。「作っては潰して作っては潰す、試行錯誤が必須。」
なんですねー。辛いなー。
一番はじめに知りたいのは日付を消す事です。
スタイルシートが４行しかないのは私のミスじゃなくそれで良いんですねー。
安心しました。

外部化すると言うのはジャバスクリプトで外部ファイルを読み込む
様な物だと思います。これは別のサイトで実装してますから
少しは@import urlの事を想像出来ます。
又、PHPとかSSIとかいろいろ身につけなければならない事がありますねー。
頑張ります。
有り難うございました。

**Trackback(774)** · 2006/01/15(日) 00:11:24

SSIはイランだろ

>>184
<MTDateHeader>～</MTDateHeader> のブロックごと消せばでないだろ

**Trackback(774)** · 2006/01/20(金) 21:00:58

メディアカイト、Movable Typeの支援ツール販売
http://www.itmedia.co.jp/enterprise/articles/0601/20/news033.html

**Trackback(774)** · 2006/01/21(土) 23:20:11

関係ないスレにも社員の宣伝乙

**Trackback(774)** · 2006/01/22(日) 01:53:46

腐れたhtml生成してくれるのか？

**Trackback(774)** · 2006/01/22(日) 12:06:58

エキサイトブログみたいにコメントを折りたたみにしたいのですが、どうすれば良いのでしょうか？

**Trackback(774)** · 2006/01/22(日) 15:52:49

つ[Google「コメント折りたたみ」]

**Trackback(774)** · 2006/01/23(月) 00:34:34

display: none <-> block

**Trackback(774)** · 2006/02/05(日) 22:17:37

ちょっとむずいよな

**Trackback(774)** · 2006/02/05(日) 22:36:53

理屈が分かれば何ということはない
ソースに数行足せば済む

**Trackback(774)** · 2006/02/09(木) 00:01:28

MT3.2で行っています。

ページのタイトル見出し(CSSでH1 bannerの部分）にタイトル画像を入れたいのですが
壁紙のように配置されてしまい、また今までの見出し h1の文字が表示されてしまいます。

h1の部分にCSSでタイトル画像を挿入し、h1見出しテキストを日表示するには
どのようにすればよいのでしょうか？アドバイス頂ければ幸いです

該当部分のCSS
#banner h1 {
height: 53px;
padding: 26px 0 0 0;
background-image: url(http://yoshihiko.s30.xrea.com/mt/images/title.gif);
background-repeat: no-repeat;
text-indent: -9999px;
/* \*/
text-indent: 0;
overflow: hidden;
/* */
border: 0 none;
}

**Trackback(774)** · 2006/02/09(木) 02:51:13

>>14
本人降臨？
著者が嫌いだから買わない。

外間 · 2006/02/09(木) 02:55:22

>196
氏ね

**Trackback(774)** · 2006/02/09(木) 04:25:26

>>195
<h1><a href="～"><span>たいとる</span></a></h1>

h1 {
background: ～
}

h1 a {
display: block;
width: ～
height: ～
}

h1 a span {
display: none;
}

良いか悪いかしらんが俺はこうしてる

**Trackback(774)** · 2006/02/10(金) 01:46:32

つーか外間の本て、手順もので理念についての説明を主としたものでないので
MTとは何かというのがわかるような本が欲しいね。

**Trackback(774)** · 2006/03/31(金) 03:53:51

まだあったか