ブログ形式のスタイルシート

[新着] Webテンプレートを仮オープンしました



0   名前: みるみる : 2007/10/02(火) 22:00  ID:WZcpoDEE sub-.G
【何をしたいのか】
  ブログのような感じで会社のHPのトピックスをエントリーする形式になっていますが
背景や色など、装飾をつけたい。

【現在の状況】
  そのHPを作成している会社に問い合わせると、「bodyの中なのでスタイルシートでも何でもできます」と言われたが、
  例にならっても変わらない。bodyの中だから?


【どうしたいのか】
  今勉強したいのがスタイルシートなので、その要素を使えるなら使って編集したい
  ニュースやトピック内容に背景や背景色を変えて表示したい。




【何をしてみたのか】
  スタイルシートの設定方法他

【検索用語】
  CSS、スタイルシート ブログ形式

1   名前: mono ◆7YMtX/NYmu : 2007/10/02(火) 22:00  ID:It5s0Y.t sub-Cl
お使いのブログ式HPというのがどういう仕組みになっているのか、
質問からは不明ですから一般的な回答しか出来ないと思います。

ていうか、その制作会社(?)に直接方法を尋ねるわけにはいかないのですか?

こちらで回答を求めるのであれば、
URLを提示して(←業務に差し支えなければ)今現在どのようにしてサイトを編集しているのか、
詳しく具体的に書き込むと、より的確な回答を得られる可能性が高まります。

2   名前: みるみる : 2007/10/02(火) 22:00  ID:WZcpoDEE sub-.G
monoさん、ありがとうございます。
ご指摘のとおり、制作会社に問い合わせたのですが、「できます」の一点張りで、
body内の太字やフォント変更などは私でもできるのですが、
スタイルなどを変更するのは、こちらにあるとおりにしてもだめなので・・・

どういう風な感じなのかを、画像にして写しておきます。
ログインが必要な所ですので・・・
ここに内容が入ります・・・
http://www.geocities.jp/mikurin_rin3927/gazou.jpg

こういう風なエントリー画面です。
http://www.geocities.jp/mikurin_rin3927/entry.jpg

3   名前: mono ◆7YMtX/NYmu : 2007/10/02(火) 22:00  ID:It5s0Y.t sub-Cl
>>2にて提示された画像は、サーバの仕様により、
リンクのクリックでは表示されません。
(アドレスバーにコピペなら表示されるようです)

ブログ式っつーか、これMovableTypeじゃないですか?
それなら編集できますね。

まず、エントリーの内容欄には、ページ全体のHTMLソースを入力するものではありません。
gazou.jpgにある黒線の四角の欄?に何かしたいのであれば、
テンプレートを編集する必要があると思います。
gazou.jpgはトップページ(index)でしょうか?
ならば、indexのテンプレートを編集するのですが、
テンプレート・タグとそれによって出力されるHTMLとを考慮する必要があるでしょう。

MovableTypeのテンプレートについてよくわからない場合、
(たぶん)indexと名の付いているテンプレートのソースと、
それによって出力されるindexのHTMLソースを提示することで、
より具体的な内容の回答を得られると思います。
(indexじゃなくて個別のページだとかそういう場合は適宜対応してください)

MTのテンプレートについては、
詳細に述べることは掲示板ではふさわしくないと思いますので、
ご自分で調べた上、わからない点を絞って質問されると良いと思います。

加えて申し上げるならば、おそらく文書の背景にしようとしている画像、
3456.jpgは、ジオシティーズにあるページでしか表示されません。
管理画面にあるファイルのアップロードで画像をアップロードしてください。

4   名前: みるみる : 2007/10/02(火) 22:00  ID:WZcpoDEE sub-.G
monoさん、すみません。

そうですね、コピペしてもらわないとみれませんね・・・
すみません。

黒い四角は名前が書いてあるので消しただけでした。
表示される部分は右側のパートナー・・・・の下が表題になります。
内容を日記のように入れ込んで行く形です。
その入力画面が下側のentry.jpgです。
こういう画面が、CSSで判別して勝手に表示されるのかどうか、聞きたかったのです。

ややこしくてすみませんです。

5   名前: mono ◆7YMtX/NYmu : 2007/10/02(火) 22:00  ID:It5s0Y.t sub-Cl
ちょっと私にはやりたいことがうまく伝わってきませんが、
MovableTypeでcssを編集するには、
テンプレートファイルのstyle.css(名前変更されてたら適宜)を編集することになります。
通常はエントリーを作成するごとに、htmlからタグを記入する必要はないんです。
エントリーを投稿する際には内容だけ入力すれば、
あとはテンプレートファイルにあるcssの定義に従って見栄えが設定されて見えるんです。

たとえば一例として、
表題「パートナー…」の下の「■会計帳簿…」とある見出しに、
背景色をつけたりしたいといった場合には、
テンプレートファイルでエントリーを出力する部分のHTMLソース、
それにあわせてCSSを定義する、という作業が必要になります。
テンプレートファイルの一つ、例えばindexあたりのテンプレートファイルを見て、
<h3 class="entrytitle">■<$MTEntryTitle$></h3>
こんなんなっているとします。
で、テンプレートファイルのstyle.cssを確認して、
.entrytitle{(たぶん色々書いてある)}
こういう風になっているようなところを探して、
.entrytitle{(たぶん色々書いてある)
background-color:#ffcccc;
}
こういうふうにする、ということ。
上に書いた方法は、
http://www.tagindex.com/stylesheet/basic/pattern1.html

http://www.tagindex.com/stylesheet/basic/format2.html
に則った形でCSSを使用しています。

テンプレートファイルを今まで見たことがなければ、
MovableType固有の「テンプレートタグ」と(いわゆる)HTMLタグがごっちゃになって、
たぶん混乱すると思います。

とりあえず、テンプレートファイルにあるスタイルシートのファイルに
body{(いろいろあると思う)}
とうい記述を見つけたら(比較的上のほうにあるんじゃないかな)
body{background-color:#ffffcc;}
てな風に書き換えて(それから、必要なら再構築をして)
サイトの見栄えがどのように変化するか試してみるといいかもしれません。

6   名前: みるみる : 2007/10/02(火) 22:00  ID:IVw.73Xk sub-tS
monoさんありがとうございました。
説明がへたくそですみません。
いろいろ勉強しなおしてみます。

一覧へ戻る