MovableType スタイルシート攻略

さぁ、語れ！

2

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

期待age

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

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

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

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

期待あげ

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

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

■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

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

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

他力本願の糞スレだなｗ

本買ったら？

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

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

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

　　終　了　棚

　　大　陸　棚

ティナ・ターナー

　　播　磨　灘

　　カ　ナ　ダ

期待age

失望sage

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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では正常に表示されています。

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

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

>>39
切れてました。。

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

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

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

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

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

おお
それは面白い例えだ

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

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

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

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

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

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

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

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

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

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

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

>>51
>>41

>>52
Σ(ﾟДﾟ)

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

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

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

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

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

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

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

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

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

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

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

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

>63
。。。。

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

今は

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

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

>>66
p {color:#fff}

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

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

>>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;

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

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

>>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%;
}

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

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

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

できた！

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

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

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

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

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

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

>>76
こうなっています

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

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

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

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

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

>>79
俺もそれに５円。

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

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

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

簡単と便利は違う

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

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

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

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

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

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

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

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

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

エントリータイトル部分の背景色を変えたいのですが、ブラウザによっては上手く反映されません。
テンプレートのスタイルシートを以下の様に書き換えました。
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で見ると何も変わっていません。
基本的な事で申し訳ありませんが、アドバイス頂けないでしょうか。
ご面倒お掛けしますがよろしくお願いします。

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

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

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

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

レベル低いなｗ

ｳ､ｳﾝ(´･ω･`)

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

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

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

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; 
    } 

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

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

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

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

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

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

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

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

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

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

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

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

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

>>113
日記は（ｒｙ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

border: 1px solid #000000;

でもOK

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

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

自己解決しました。

body {　　width:98%;

　　　　　　}

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

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

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

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

>>130

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

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

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

>>135
よく知らない

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

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

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

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

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

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

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

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

たまには、ほしゅ

ageとくか

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

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

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

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

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

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

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

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

>>150

人のせいにしない

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

>>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/

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

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

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

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

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

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

tes

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

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

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

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

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

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

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

>>174
？

>>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>で閉じる。

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

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

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

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

質問します

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

背景に画像を使う

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

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

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

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

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

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

カスタム途中の、私のサイトは 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"$>　
はありませんでした。これとは別のタグの部分を削除しなければ
ならないのでしょうか。

>>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の意味と特徴を理解して人に説明できるぐらいになろう
そのためにはいくつもサイトを作っては潰して作っては潰す、試行錯誤が必須。

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

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

SSIはイランだろ

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

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

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

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

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

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

display: none <-> block

ちょっとむずいよな

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

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;
}

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

>196
氏ね

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

h1 {
background: 〜
}

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

h1 a span {
display: none;
}

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

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

まだあったか

みんなもう、スタイルシートをマスターしちゃったから、
誰も来ないんだね。
そもそも板違いなんだろうけど。

あげるね

投稿者のよこにアイコンつける方法しりませんか？

投稿者って、エントリの？
それともコメントの？

アイコンがついてる参考ブログがあると分かりやすいと思うが。

スタイルシートのエントリの部分の色を変えても反映されません
.content p {
color: blue;
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
表示は黒のままなんですが･･･どうすればいいのでしょうか？
テンプレートはhttp://30smash.main.jp/mt/のシンプルテンプレートを使用しています

エントリー部分のclass指定を探し出して、それに背景色をつけると良いよー


なんだよ2週間以上の前の質問かよおれのばかやろう

スタイルシートを変更してから
スタイルキャッチャーでテーマを
変更してしまったからスタイルシートの変更が
無効になった、とかではなかろうな？

テンプレートのスタイルシートのカスタマイズをしているのですが、
変更後に再構築をすると、

テンプレート「スタイルシート (Backup from 2006-10-16 18:52:03)」の出力フ
ァイルが設定されていません。

と、エラーが発生します。

この場合の出力がファイルはどちらを指定すればよいのでしょうか？

すみませんお助けください。MT3.33なのですが、
エントリータイトルなどの文字色を変更しようとCSSファイルを弄ってたのですが、
色を替えることはできたのですが、しばらく弄っていたらどういう訳かcontainer内に
マウスが乗ると全てのエントリー記事がhoverのマウスオーバー状態に
なってしまうのです。これをなんとか修正したいんです。
firefoxでは問題ないのですが、safariだと起こります。
宜しくお願いします。

http://www.girlswalker.net/ij.patich.htm

>>209
オリジナルのCSSのバックアップは？
なんだかんだ悩むより白紙の状態から始めればいいじゃない

>>208
他の出力ファイルと被らない名前にすればいい。

仮に被ったとしても再構築したときに表示されない
ページができることで気づく。

>>209
containerってのがどこのcontainerなのかわからんので
質問に答えられない

レスありがとうございます。
>>211
CSSとindex.htmlをデフォルトに戻すと治まりました。
ありがとうございました。
>>213
メインコンテンツ内やサイドバーなど、リンクでもない所で
全てのエントリー文がhoverしてしまってました。

スタイルシートの基本がわかってないだけか？

3カラムのデザインテンプレートをインストールしたのに１カラムになってしまいます
うまくいかなかったので、一回ブログを削除しまっさらの状態からテンプレートを設定しても
http://up.spawn.jp/file/up50595.jpg.html
↑のような３カラムにはならずに
http://up.spawn.jp/file/up50596.jpg.html
↑このような１カラムになってしまいます。

いろいろ試しましたが、原因がわかりません。
ご指摘お願い致します。

どんだけマルチしてんだよ>>216
他の2カ所で回答貰ってるだろ！

すみません、質問させてください。

>>216の人と質問が似てるんですが、
今テンプレートをカスタマイズしてて、

メインページ(index.html)
アーカイブのページ(archives.html)

はうまくスタイルシートでレイアウト出来たのですが、
コメントを記入するページと、月別のアーカイブページのレイアウトが崩れたままです。

この二つのページはテンプレートの場所に存在してないみたいで
どこでレイアウト設定すればいいのか分かりません。

うまく言葉で表現できなくて、質問の仕方悪いのですが
レイアウトに詳しい方、どうか宜しくお願いします。

verを言い忘れてました・・・3.32です。

ageてすみません・・・

>>218
>この二つのページはテンプレートの場所に存在してないみたいで

ちゃんとあるよ
あちこちクリックしてみたら？

>>220
ありがとうございます、見つかりました。
というより、メインページでは保存と同時に再構築してくれたんですけど
アーカイブは別々に行うんだという事に今更気付きました・・・
反映されないから違う場所かと思い込んでました。素人すぎてすみません・・・

質問スレが落ちてしまっているのでこちらでいいでしょうか？

最近、3.2⇒3.33に乗り換えようと思い、3.2はそのままにして3.33をクリーンインストールして環境構築しました。
サーバはさくらスタンダード、DBはmysql、独自ドメインで運用してます。

インストールはもう何度かやっているのでミスは無いと思ってるんですが、
なぜかコメントの書き込みが出来ません。

名前と本文を入力して、「確認」「投稿」どちらをクリックしても

【不正なリクエストです。】

というエラーメッセージが表示されます。
rootディレクトリのcgiファイルは全て755にしてあります。
エントリーの書き込みやカテゴリの作成、再構築は何の問題も無いの
ですが、コメントだけが出来ません(あ、トラックバックは未確認です。)

同じ状況になった方いますか？
webで検索しても同様な事例がヒットせず困ってます。

>>222
コメント/トラックバック受信、設定のところで、

・投稿を受け付ける条件
・即時に公開するコメント

を見てもダメなの？

>>223
ごめんなさい。説明足らずでした。

○メインメニュー - 設定 - 新規投稿の設定
コメントを受信⇒チェック済

○メインメニュー - 設定 - コメント/トラックバック
投稿を受け付ける条件⇒全て
即時に公開するコメント⇒全て

○システムメニュー - 設定 - コメントの受信
全てのブログでコメントを受け付けない⇒未チェック

としています。

mt-config.cgiのpathは正しく記述してありますか

>>224
初歩的なところは、OKみたいですね。

自分も同じさくらサーバなので、こちらは全く無問題なんですが…。
お力になれなくて申し訳ないです。

ただ、3.2はそのままにして、3.33をクリーンインストールって事は、
自分も同じようにやった事があるので、その時は、3.2、3.33とも両方とも
OKだったんですが…。(3.2のヤツは既に削除して現在は3.33のみ)

インストール方法はさくらインターネットに書いてある通りにしました。

コメントの名前欄に毎回名前を入力しなくて
すむようにしたいんですが、どうすればいいでしょうか。
ググってみたところ、cookieを使えばよさそうなんですが、
具体的なやり方がわかりませんでした。
すみません。

質問です。

背景固定でフレーム内に表示させると
他のブラウザは大丈夫なのですが、
ＩＥだけ、文字と画像がスクロールすると重なって
読めなくなってしまうのです。

これはバグでしょうか？スタイルシートの設定で直るんでしょうか？

ご回答いただけると助かります。
よろしくお願い致します。

PCがクソです
新しいのに買い換えましょう

l

↑そこに釣り針がつくのか？

質問です
CSSじゃないけど、数個前の記事を表示する方法ってないですか？
トップページ（30記事表示）の前後移動をしたいんです
月や日・カテゴリーは出来るのに、コレどこにも載っておらず・・・

判る方いたら教えてください
よろしくおねがいします

あ、すんません

載ってますよ

検索について質問です。
MovableType 3.34 を使っていますが、検索範囲を、選んだカテゴリ
に限定させることはできますか？

例えば、カテゴリをプルダウンリスト表示して、選んだカテゴリの
中だけ検索するようにしたいのです。
「　　　　　」　（検索ボタン）
「カテゴリを選択」（↓）　　プルダウン

>>235
suggestライブラリとAjaxSearchの組合せで出来るかもしんないです。
標準のcgi検索とかになったら私は判りません・・・
返答次第でこっそり挑戦してみますね

Movable Typeのような珍ソフトをしゃあしゃあと使い、
一般ユーザーに不便さを強いる低脳理系
--------------------------------------------------------------
★Movable Type使い★
＝オデコに「俺様は馬鹿で田舎者です」と焼印をした低脳理系に多い
--------------------------------------------------------------

なんじゃ、この珍日本語は！！！
↓↓↓↓↓↓↓↓↓↓↓↓
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
(いままで、ここでコメントしたことがないときは、
コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。
承認されるまではコメントは表示されません。そのときはしばらく待ってください。)


コメント: (スタイル用のHTMLタグが使えます)

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

「。)」のような表記も低脳理系そのもの。 普通は「。」を省くわな。

「スタイル用のHTMLタグ」だのと、低脳理系特有の符牒を臆面もなく記して、
オマエは本当にアタマ大丈夫なのか？？？

十分意味わかるけど。

たしかにヲタなら

なんか、MTで挫折したボンクラが必死だな。
MTも使いこなせないなら、ネット利用もやめたほうがいいよ。

>>240
まずは「閉じた世界」から一歩抜け出す勇気をもって、
一般の人々と「普通の会話」ができるための努力を
少しずつした方がいいと思うぞ。

これ以上、老いた親を泣かせんな・・・。
君のために、こんな本が出てるみたいだ・・・。
http://www.7andy.jp/books/detail?accd=30975520&pg_from=rcmd_detail_1

あらら、ボンクラが来ましたかw
まあ、おとなしくブログサービスでも利用してなさいww

初歩的質問で失礼します。
movabletypeのバナー（タイトル部分）を画像で置き換えってよくお見かけしますよね。
自分も試しに横650pxで画像作ってタイトル部分に表示させてみたんですが、コメント受付後の表示にハイライトされません。
この部分のcssってどこなんでしょう？

すいません。お初です。
皆様にぜひ教えて欲しいのですが、

ムーバブルタイプの3.3が欲しいのですが何か方法はないでしょうか？
（現在のバージョンはムーバブルタイプの4でつが、サーバーが動作確認不可なので…。）

持ってる人にもらう

３．３なら無料で落としたやつ持ってるよん
４．０無料の落とそうと思うけど使えないのかあ

>>244
3.3はまだ公式から無料DLできなかったっけ？

　

3カラムのブログに関する質問です。

ttp://www.craft-wk.com/test/

上記ページの3カラムレイアウトですが、真ん中のカラムの幅を500pxにしてます。
だけど、なぜか真ん中カラムの左右に、必要以上に空白が空いてしまいます。
この空白は15pxにしているつもりなんですが、それ以上に空いてしまってます。

上記の真ん中のカラムを、500pxで表示させたいです。
CSSを見直しても、どこが悪いのか分かりません。
どなたか、3カラムのブログを持っている方で、分かる方いませんか？

保っ守ゃん。

俺も昨日から始めたから上げとく

色使いって難しいね。
topの画像とかｾﾝｽが必要だね。


俺は昔から美的ｾﾝｽないんだよね。
ﾓﾃるけどさ。

　　　　　　　　　　　　　|　 や　そ　
　　　　　　　　　　　　 /.　 り　.れ　
　　　　　　　　　　　　 |　　ま　 じ　
　　　　　　　　　　　　 |　　す　 ゃ　
　　　　　_ -　　　　　　|　　：　　：　
　　　 , '"　　　　　　　　! 　：　　：　
　　／　　　　　　　　　　丶＿　　　　
　　ん | !''!　!'''、ヾ "!、　　　　|/￣　
　//ﾙ |.!　| |　人 ヽ,,''!,,弋　
　〃;;;i　'!!, 代 !i、＼|ヽ!ヾ　　!　
　!! ;;;|.　 'ヾ、ﾞ ﾞ.:;;;;iiiiiiii!!!!!!"" ヾ,　
　 !　 !,;;ii||i;,　 ﾞ　〃;杰;"ヽ　　　 "､　
　　　 "!?段;,　　　 ._ヾｼ-　　　　　　!. /　
　　　　":;i|i;　　,,//　///"　　　　　 !/　
　　　　　;;/　
　　　　　/　
　　　　　ヾ;;;:-　
　　　　　　i、　 _,, - _=-　
　　　　　　　i、ヽ-'''　　
　　　　　　　　i、 -‐'' '　　　　　　／　
　　　　　　　　　i、　　　　　　 ,,-'　
.　　　　 /　　　　i、　　　 _,.-i;;　
　　　　〃　　　　 ヽ--‐=|!!!;:　
　　　　　　　　　　　　　　 !!;:　
　　　　　　　　　　　　　　　!"

seesaaなんだけど，どこのメニューからスタイルシート編集できるのかわからない
古いメニュー画面の解説しか検索してもヒットしねえ

一週間ぐらい前に4.2RC2入れていろいろやっているんだけど、サイドバーの
背景色の設定がどこにあるのかわからない。
#beta-inner の背景だと思うんだけど、styles.cssにもscreen.cssにも
見つからない。
知っている方、お願いします。

テンプレートモジュールのヘッダーをいじってタイトルをロゴに変えてみたんだが、トップページ以外ではロゴが表示されない。
２日ほど格闘していますが何処をいじったらいいのか全く分からない。


誰か教えてください。

そのモジュール、TOP以外で使ってないだけなんじゃね？

自己解決しました
テンプレートモジュールのヘッダーで<h1></h1>しか変更していなかったのが原因でした

そういやMTの本スレと質問スレどこ行ったん？

>>259
どこにも行っておらんよ
君の心にいつまでも

>>259
ネットの闇に沈んだ。いつか甦るさ。

>>259
立ててもすぐ沈みそうでさあ

iPhoneテンプレートfor MovableType
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html

age

過去ログを読んだのですが、よくわからなかったので質問させていただきます。

movabletype4.2

スタイルを既定の「cityscape portland」を選択し、
css（style.cssとblog.cssとscreen.css)をローカル上で書き換えファイルをアップロードしました。

管理ページで
スタイルシートを

@import url(blog.css);
@import url(screen.css);

にして、テンプレートの設定→出力ファイル名をcss/style.cssに書き換えました。

■blog.cssとscreen.cssのファイルは「css」というフォルダにアップロードした為。


そうした所、
メインページ、エントリーページには反映されるのですが、
月別アーカイブ、アーカイブページはこのスタイルシートを読み込んでくれません。

管理画面でテンプレート「アーカイブインデックス」を見ても、どこを書き換えてよいのかわかりません。

アーカイブページで
「css/style.css」を読み込ませるには、どこをいじればよいのでしょうか・・・？
お答え願います・・・

>>265
単なるリンク切れだと思うけどねー
テキトウにリンク書き換えちゃダメ

よく見たら、

PHP化して、メインページを分割したら、
月別記事リストとカテゴリリストが更新されなくなったみたいです・・・orz

アーカイブページはちゃんとスタイルシートを読み込んでいました。

どうすればいいんだろう・・・

アーカイブページ？ってのはインデックステンプレートのやつだろうか

どのみち>>265の書き方では階層が違ってリンク切れるから無理

MT4.2初心者に一番良い書籍ってどれでしょうか？
Wordpressからの移行組ですが、MT4.2について初歩から丁寧に解説されているものが一冊欲しいので。

http://www.movabletype.jp/pertinent/books/

階層が違うなら、ドメインルートで記載したら？
普通そうしないか？

>>269

オレはどれ読んでもわからんよ

　

test

test

test

test

test

WIN95