トップページ⇒blog
278コメント85KB

MovableType スタイルシート攻略

■ このスレッドは過去ログ倉庫に格納されています
0001精子王04/09/21 12:10:42ID:Lk8Bdg7U
さぁ、語れ！
0076Trackback(774)04/12/17 20:24:05ID:IxurKiqZ
>>72-73
>>75
な、なんでこれで直るんだー！！

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

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

確かに提示されたスタイルシート自体にはおかしいところがあるけど、
entry-body p　に関しての記述ががないから影響がなく白文字で表示されると思うんだけど。
00776604/12/17 20:56:14ID:lytx8SM1
正直に書きます。。。
一度目はちゃんと表示されたので成功の書き込みをしたんですけど
もう一度更新したら、、、黒い文字のままでした。。。。orz
でもいまさらダメだったって書き込みにくくなっていました。
00786604/12/17 20:59:17ID:lytx8SM1
>>76
こうなっています

body {
font: normal normal normal 100%/1.5 verdana;
color:#fff;
background-color: #000;
}
0079Trackback(774)04/12/17 21:20:08ID:IxurKiqZ
>>78
たぶんどっかでタグ閉じてないな。
ＨＰアドレス教えてくれたらすぐに分かるんだけど…
0080Trackback(774)04/12/17 23:47:17ID:0Iy/RnpC
>>79
なるほど
そうやって晒させるのですね。
0081Trackback(774)04/12/18 00:11:18ID:kcrxnX+f
>>80
晒す以前にこの情報だけで回答できたらエスパーだぜよ
アップローダーでもどこでもいいからトップページとそのCSSを用意すれば
解決できるんだろうが
0082Trackback(774)04/12/18 00:17:04ID:AGaanw10
適切に抜粋できる腕があったら最初からトラブってないと思われ
0083Trackback(774)04/12/18 02:08:18ID:4JoZBEwe
>>79
俺もそれに５円。
0084Trackback(774)04/12/18 17:11:39ID:hdIOpI3X
これのどこが「MovableType スタイルシート攻略」なんだろう
初心者板の方に誘導した方がいいんでねぇの
0085Trackback(774)04/12/18 18:06:37ID:4JoZBEwe
そもそもMT特有のスタイルシート攻略法など存在しない
0086Trackback(774)04/12/19 10:56:58ID:1iVLpN6M
そもそもgoo blog のほうが便利。
0087Trackback(774)04/12/19 11:17:37ID:+kFVLgG3
簡単と便利は違う
0088Trackback(774)05/01/08 17:22:15ID:ZzOtrXQA
エントリー投稿時にリンク作るのがあるけど、あれ最初の状態から
target="_blank"　にしておくことって出来ないかなぁ・・・
そうするとかなり便利になるんだけどなぁ
0089Trackback(774)05/01/08 18:17:08ID:FgwdNEqi
>>88
ブログ質問箱に解決策あり。があ、ＣＳＳとは関係ないべ。
0090Trackback(774)05/01/12 18:46:07ID:G+7wq1dj
>>88
基本的に新規ウインドウで開かせたいならテンプレで
<base target=_blank>にしといて、同一ウインドウで開きたい
リンクのみその都度_selfにしとけばいいんじゃないのか。
0091Trackback(774)05/01/12 23:33:27ID:Y/1eBxgy
っていうか別窓で開くのやめようぜたのむウザイから
0092Trackback(774)05/01/13 01:52:02ID:nR1xFSrN
>>91
「戻る」よりウィンドウ閉じる方が速いから微妙だけどな。
Operaなら戻るの速いんだけどなぁ・・・
0093Trackback(774)05/01/13 11:12:20ID:OGVa6lDe
>>92
＞「戻る」よりウィンドウ閉じる方が速い

同感。マウスでいちいち「×」をクリックしてるならともかく
「Ctrl（Macではコマンド）+W」覚えてしまうとね…。
0094Trackback(774)05/01/14 16:22:43ID:2zOU5GUv
タブブラウザ+マウスジェスチャーでやってるぶんにはどっちも大して変わらん。
0095Trackback(774)05/01/15 09:27:19ID:2qeJAUCa
やたら重いサイトは戻るのにも時間かかるから
_blankの方がありがたいなぁ。
確かに>92の言うように戻るの速さはOperaを
見習って欲すぃ
0096Trackback(774)05/01/19 11:11:31ID:tD1TU04J
エントリータイトル部分の背景色を変えたいのですが、ブラウザによっては上手く反映されません。
テンプレートのスタイルシートを以下の様に書き換えました。
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で見ると何も変わっていません。
基本的な事で申し訳ありませんが、アドバイス頂けないでしょうか。
ご面倒お掛けしますがよろしくお願いします。
0097Trackback(774)05/01/19 11:18:12ID:tD1TU04J
すいません。解決しました。

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

#を付けたらキチンと反映されました。
SAFARIをメインにしていたので気づかなかったのですが、SAFARIって#が無くても大丈夫だったのですね。
お騒がせしてすいませんでした。
0098Trackback(774)NGNG
>>96
background-color: DC143C　← 付け加えた箇所
↓
background-color: #DC143C;　← 付け加えた箇所
0099　05/01/19 14:32:33ID:A8py2NnD
レベル低いなｗ
0100Trackback(774)05/01/19 17:17:38ID:lR5FYvVr
ｳ､ｳﾝ(´･ω･`)
0101Trackback(774)05/01/20 14:08:13ID:dRUcRcQ3
そ、そうだねコーウェンくん
0102Trackback(774)05/01/24 20:40:47ID:oyT4tgBR
別スレで質問したのですが、スレ違いだった為にこちらに移動してきました。

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

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; 
    } 
0103Trackback(774)05/01/24 21:01:09ID:Ou0ibhDJ
>>102
MT じゃなくて手書きの HTML でローカルで試したところ、ちゃんと反映したが。
まさか「 IE 以外で反映しません ! 」なんて言うんじゃないよね ?
つか、 overflow-x って……
0104Trackback(774)05/01/24 21:04:28ID:oyT4tgBR
>>103
横は消したかったんです。
同じくＭＴ以外の動作を確認してます。
でもＭＴだとどういうわけか上手くいかなくて…。
0105Trackback(774)05/01/24 21:08:47ID:Ou0ibhDJ
overflow-x ってそもそも IE 専用のプロパティだし、
hidden にするってことは、横スクロールバーが出るであろう場合に出ないようにしてしまうってことだ。
はっきり言って不便以外の何者でもない糞デザイン（設計という意味で）なので、
やめた方がいいと思う。

で、 MT で反映しないってことは、
単にスタイルシートのテンプレートの再構築ができてないとかそんなミスな気がしてきた。
0106Trackback(774)05/01/24 21:11:22ID:oyT4tgBR
>>105
そうですか…。ではそこの部分、消しておきます。
再構築はちゃんとしました。
それでも反映してくれない(´Д⊂ｸﾞｽﾝ
0107Trackback(774)05/01/24 21:56:07ID:FvihqD2O
>>102
ドキュメントスイッチ消してみ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
一番上のやつ
0108Trackback(774)05/01/24 22:45:22ID:oyT4tgBR
>>107
消したら出来ました！
…が、デザインがぐちゃぐちゃに崩れちゃいますね。。。
うーん…。
0109Trackback(774)05/01/24 23:05:32ID:FvihqD2O
>>108
それはIE6の互換スイッチだから仕方ないべ。
どうしてもっていうなら、スイッチはそのままで、

htmlにもそのスタイルそのまま適用してみそ。
0110Trackback(774)05/01/24 23:15:51ID:oyT4tgBR
>>109
駄目でした…。
根本的に不可能なのかなぁ。。。
0111Trackback(774)05/01/24 23:24:24ID:FvihqD2O
>>110
ttp://www.cybergarden.net/stylesheet/css_page_scrollbar.html
0112Trackback(774)05/01/24 23:41:43ID:oyT4tgBR
>>111
サンクス！
お陰さまで出来ました。
レスして下さった方、ありがとうございます。
0113Trackback(774)05/01/25 12:01:20ID:rspzRSuq
先日MovableTypeスタイル＆コンテンツデザインガイドを買ったのですが…。
マルチカラムのWebサイト制作を考えているので早速情報集め。
しかし、ブラウザによって見栄えが変わるのを防ぐのって難しいですね…。
多分、ここがかなりの障害になっていると思います。
ここさえクリアすれば後は出来そうな気がします。分かりませんけど。
MTって、日本ではBlog以外で使ってる人って少ないですよね。
Blogも含め、Webサイト制作の為に、各ブラウザの対策をした枠だけのテンプレートってないでしょうか？
様々なタイプのマルチカラムの基本テンプレートがあればと思います。
それさえあれば、本を持ってるので後はなんとか自分で作れそうなんですが…。
スタイルシートとHTMLだけなので、MT以外でも使えそうです。
これがあれば、テンプレートを作る人が増えて面白そうです。
白テンって感じの呼び名で（仮）。
0114Trackback(774)05/01/25 13:04:06ID:GCAW9uQH
>>113
日記は（ｒｙ
0115Trackback(774)05/01/27 07:00:01ID:Ihhh+4FY
日記の事忘れてました。
スタイルシートでマルチカラムの本も探したのですが、良さそうなのがありませんでした。
基本はＭＴも同じなので、「CSSでマルチカラム」のスレッドがあればとも思いました。
WEB制作管理板に「CSSでマルチカラム＆白テン計画」などと題して。
でも作る勇気ないなぁ…。
これから需要が増えてくると思うのですが、止めといた方が良いかな？

あと、レイアウト崩れを気にする前に自分で作ってみたんですけど、
全体的に真ん中に寄せても、サイドだけが横に行ってたりします…。
ヘッダー、サイド、メイン、フッターとやったのですが、
サイドとメインの長さが合わず、片方から背景の色が見えたりもします…。
0116Trackback(774)05/01/27 07:00:52ID:Ihhh+4FY
変なIDになってしまった…。
0117Trackback(774)05/02/04 15:06:30ID:ciHuPnQ+
日記が更新されてない(ノ ﾟДﾟ)ノ　＝＝＝＝　┻━━┻
0118Trackback(774)05/02/23 14:43:30ID:crT9W25A
3カラムで質問ですが左右の幅を

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

といった感じで固定して、中央をAutoで利用しているのですが、
中央も300px以下の表示は許さないというようにしたいのですができますか？
つまりブラウザの表示幅が470px以下だったら下にスクロールバーを出すようにして、
それ以上の幅だったら中央のカラムだけ広がるようにしたいのですが
教えてもらえると助かります。宜しくお願いします。
0119Trackback(774)05/02/23 15:20:50ID:oMcy2BYF
ＭＴだけのCSSなど存在しない。
クソスレ上げんな、ぼけ
0120Trackback(774)05/02/23 16:54:26ID:crT9W25A
上げた程度でギスらせちゃうなんてかわいいなぁ。
仕方が無いからもう一度あげちゃいますね。
0121Trackback(774)05/02/23 18:05:48ID:e+SydTzB
>>118
適当にmin-width:300px;ではダメなのかと言ってみる。
適当だからツッコミ禁止。
0122Trackback(774)05/03/09 15:22:18ID:rv8HkNKi
普通にXHTMLでｻｲﾄ作ってﾊﾟｰﾏﾘﾝｸにあたる部分をMTﾀｸﾞに置き換えればﾃﾝﾌﾟﾚ完成。CSSもｵﾘｼﾞﾅﾙをlinkさせるだけ。何を攻略するんだ?ｸｿｽﾚ終了～。
0123Trackback(774)2005/04/10(日) 10:51:06ID:Yur3toYf
>>43がとてもいいこといったのにあまり反応されてない気がする
0124Trackback(774)2005/05/03(火) 02:15:58ID:sloGXAs9
画像リンクの周りの枠線の色はどうやって変えたらいいのでしょうか？
枠線を消すとかはできるんですが・・・
0125Trackback(774)2005/05/03(火) 13:02:16ID:JGKNC8pT
.content P IMG {
border-left : 1px solid #7F9DB9;
border-right : 1px solid #7F9DB9;
border-top : 1px solid #7F9DB9;
border-bottom : 1px solid #7F9DB9;
}
0126Trackback(774)2005/05/04(水) 21:16:21ID:yLg+QIEm
上下左右同じにするのなら

border: 1px solid #000000;

でもOK
0127Trackback(774)2005/05/20(金) 03:57:00ID:UhogLd8Y
上下にフレームを作ると横のスクロールバーが出てしまいます。

CSSをどのように変更したらいいのでしょうか？
0128Trackback(774)2005/05/20(金) 04:20:43ID:UhogLd8Y
自己解決しました。

body {　　width:98%;

　　　　　　}
0129Trackback(774)2005/06/12(日) 16:14:39ID:saaa4Ib1
このスレ立てた>>1ってすごくあたまわるそう
0130Trackback(774)2005/06/13(月) 04:02:42ID:ltwJKlFr
3ｶﾗﾑなら ttp://filemaker.cx ここ参考にするべ
0131Trackback(774)2005/06/13(月) 12:39:33ID:RrEME3Un
>>130
どうでもいいんだが、そのページ

一番下までスクロールして
トップに行くためのアンカー等がないと萎えるな
0132Trackback(774)2005/06/14(火) 16:28:22ID:cBnDUBzG
>>130
0133Trackback(774)2005/06/14(火) 16:30:29ID:cBnDUBzG
>>130
結構イイと思た、XHTML VALIDだし。
IEの標準モードレンダリングで3カラムのレイアウトが崩れないのは珍しいんじゃない？
0134Trackback(774)2005/06/27(月) 19:38:57ID:DzrJa0WP
movable typeにCSSファイルをアップロードすると、
日本語部分が文字化けしちゃうんだけど、
どうすればいいの？
0135Trackback(774)2005/06/27(月) 23:06:42ID:7otRi4+c
>>134
文字コードって知ってる僕？
0136Trackback(774)2005/06/28(火) 06:59:36ID:/DST4UHr
>>135
よく知らない
01371342005/06/28(火) 08:07:28ID:/DST4UHr
もうちょっと詳しく書きます。

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

そうすると、スタイルシートの日本語部分だけ文字化けする；・・・
0138Trackback(774)2005/06/28(火) 11:04:22ID:uABbrbyX
そのスタイルシートは本当にUTF-8になってる？
宣言してる文字コードと実際の文字コードが違うんでない？
0139Trackback(774)2005/06/28(火) 19:11:51ID:UYrjI0u8
cssをUTF-8で保存し直したか?
0140Trackback(774)2005/06/28(火) 22:14:12ID:wha19qw1
>>134
（ ´,_ゝ｀）ﾌﾟｯ
アップロードするならUTF-8で保存後UP。
インデックスページで作ればよかたのにね。
0141Trackback(774)2005/07/31(日) 20:49:25ID:+fQwJvwi
ここのサイトのカテゴリーのページとか、
エントリーの一番上に表示されてるのってどうやってるんでしょうか？
http://warcs.mond.jp/ms/

0142Trackback(774)2005/07/31(日) 22:06:37ID:wRP1Hl1v
>>141
phpなので外部ファイルをインクルードじゃないの。
0143Trackback(774)2005/08/04(木) 02:17:16ID:P+y7lNIK
たまには、ほしゅ
0144Trackback(774)2005/08/20(土) 22:29:18ID:MbgfF1WZ
ageとくか
0145Trackback(774)2005/09/05(月) 04:16:38ID:rn16rPsm
>HINAGATAでは、ベーススタイルシートが2種類あります。一つは幅可変
>（ウィンドウ幅によって、ページの幅も変化します）。
>もう一つは幅固定です（ウィンドウのサイズに関わらず、サイトの幅を固定）。
>お好みに合わせてお選びください。

てことだすが、幅可変の一つしか見当たらないんすが。
幅固定はどこに？？
01461452005/09/05(月) 05:47:28ID:rn16rPsm
今公開停止中だったのね。。。orz
0147Trackback(774)2005/09/07(水) 10:12:06ID:BS4Qu/Om
こんにちは
２台のPC（どちらもXPSP2、IE6画面解像度も同じ）で自分のblogを見ているのですが
片方ではちゃんと３カラムになっているのに　もう一方ではデザインが崩れて２カラムになってしまっています。
スタイルシートで全幅800、中央600　両サイド200で設定しているのですが…

考えられる原因があったら教えてください
01481472005/09/07(水) 11:21:56ID:BS4Qu/Om
自己レスです
ノートンの2004と2005の違いでした。　オフにしたら直った。スマソ
0149名無しさん＠そうだ選挙に行こう2005/09/11(日) 12:16:59ID:+GGHMHTR
それってノートンの何の機能によって、3カラム構造がおかしくなるんですか？
0150Trackback(774)2005/09/13(火) 15:38:18ID:Q4xxs8K5
>>141
それより、ここのサイト、
文字化け醜いゾ！
UTF-8なのに、なんで化けてるんだｗ
管理人、頭悪いのか？
0151Trackback(774)2005/09/13(火) 17:45:20ID:aHqCHTHB
>>150

人のせいにしない
0152Trackback(774)2005/09/14(水) 04:05:53ID:XAsFhDOu
MT弄るの初めてなんで質問させてください。
HINAGATA-PHOTO 0.7を使いたいのですが、MT3.1なので
サムネイルが表示されません。それでもなんとか表示できる方法が
HINAGATAさんとこに書いてましたが表示がおかしい。

ですのでHINAGATA-PHOTOを使うためにMT2.Xが欲しいのですが
どこかにないんでしょうか？
0153Trackback(774)2005/09/14(水) 13:40:03ID:g21mZrx8
>>152
3.1でも普通に使えるのでMTのせいにしないでください。

どーせこの意味が解らない馬鹿なんだろうけど。
Keywords :
Thumbnail HTML Code(Less than 75 px of width)
0154どーせ意味が解らない馬鹿2005/09/14(水) 15:11:07ID:Hg0ze56V
>>153
すいません、仰せのとおりできましたorz
説明もよく読まず先にググってしまい、サムネイルのうｐ方法を
わからないまま古い情報で右往左往してしまいました。
ありがとう！
0155Trackback(774)2005/09/14(水) 18:18:20ID:INMKJJyU
馬鹿と言われて「ありがとう」とはよっぽどの馬鹿なのか、
よほどの人格者なのか・・・
0156どーせ意味が解らない馬鹿2005/09/14(水) 23:49:39ID:Hg0ze56V
>>155
人間馬鹿になるとなんでもできますよ。
とは昔世話になった会社の社長の言葉で。まぁ今回の件とは意味が違うけど。
>>153が俺の事を馬鹿にしてるだけなら最後の２行はありませんからね。
呆れつつ助けてくれたと解釈してます。
0157Trackback(774)2005/09/15(木) 01:09:25ID:sVGGAwHy
ぼく、ばかになってみましたあ。
あはははは。
もう、なんでもできるっす。
0158Trackback(774)2005/09/15(木) 03:27:26ID:Bp/vGVp3
HINAGATA-PHOTOの話で便乗させてください！
とりあえずデフォのままで運用してますが、表示画像のリンクカラーが
うざくて仕方ないです。文字のリンクカラーは変えられたのに
画像だけ、青とか紫とかになって目障りです。変え方教えてくれませんか？
0159Trackback(774)2005/09/15(木) 05:04:01ID:sVGGAwHy
そんなことは簡単です。
馬鹿になればいいんです。
あはははは。
0160Trackback(774)2005/09/15(木) 08:14:47ID:xQGOp4mD
>>158
a img {
border: none; text-decoration: none;
}
0161Trackback(774)2005/09/15(木) 20:59:00ID:SHtyeCdf
>>160
ｱﾘｶﾞ㌧！見事にすっきりしました！
0162Trackback(774)2005/09/22(木) 13:58:20ID:7xPYOxec
この娘たちは本物だろうか？
エロすぎるんです…。
ttp://koiten.com/?n07
0163Trackback(774)2005/09/25(日) 21:22:24ID:Cvw0mVNH
初めてStyleCatcherをアップロードしましたが
「Select a Design using StyleCatcher」をクリックすると

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


と表示されてしまいます。
stylecatcher.cgiで設定する箇所があるのでしょうか？
0164Trackback(774)2005/09/25(日) 21:24:41ID:T+yFBYqt
>>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/
0165Trackback(774)2005/09/25(日) 21:38:20ID:Cvw0mVNH
>>164
即レスありがとうございます
書かれてるとおりに最初からやり直したら成功しました
0166yoshi2005/10/01(土) 22:42:28ID:07UUUZQR
MTを利用して写真とタイトルが一緒になった画像とその下に
コンテンツメニューがあるブログをやってみたいと思うのですが
このようなデザインを作るのは、作業は大変でしょうか？
0167Trackback(774)2005/10/02(日) 22:11:59ID:oLJP4TfI
そんなに大変じゃないけど、ブログである必要はないと思う。
0168Trackback(774)2005/10/16(日) 22:39:20ID:AfDR35ah
3.2が出たけど、スタイルシートなどのデザイン的にはどう変わったのかね？
0169Trackback(774)2005/10/17(月) 00:31:28ID:/6Hkz4yJ
どう変わろうがどうにでもできるから質問自体が無意味
0170Trackback(774)2005/10/22(土) 16:50:20ID:oMooKiLd
Movable Type Community Forum JP :: 一覧
http://movabletype.dw.land.to/index.php
作ってみました、どうぞよろしくお願いいたします。
0171Trackback(774)2005/10/29(土) 16:47:51ID:7NCZ02xJ
tes
0172Trackback(774)2005/11/17(木) 12:31:06ID:NFszbs4c
>>88-89の詳細ｷﾎﾞﾝﾇ
0173Trackback(774)2005/11/26(土) 18:10:31ID:nLoNO025
サイドメニューの背景色を縦幅いっぱいに伸ばしたいので

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

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

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

分かりにくい表現になってしまうのですが、
サイドメニューの幅の背景色を下までスッキリ伸ばす方法ないでしょうか？
0174Trackback(774)2005/11/30(水) 22:58:08ID:c6heJNgR
Movable関連のスレここだけになっちゃったな。
そんなに需要ないのかな？
0175Trackback(774)2005/12/01(木) 10:24:02ID:ndw8p/Pn
>>174
？
■ このスレッドは過去ログ倉庫に格納されています