ウェブリブログのスタイルシート設定

質問

ウェブリブログというビッグローブのブログの設定の質問です。

http://yukarigo.at.webry.info/
上記は梅沢由香里さんのブログですが、
開いた瞬間、小さなバナーが見えて、その後
本タイトルが表示されます。
※見逃した方は、更新ボタンをおしてもらえるとわかります。

各日記のページを見ると、大きいタイトルではなく
小さなバナーで表示されています。
プロフィールを見ると、同様です。

ソースを見ても、全て同じクラスで設定されています。
これをやる意味はわかりますが、これをどういう方法で
行っているのか知りたいのですが…

ご存知の方、もしくはご意見などいただけると助かります。
よろしくお願いします。

回答No.3

Muller3 · ベストアンサー

何度もすみません、ウェブリブログってやはりフリースペースにJavascriptが入れられるのですね。だとすると、フリースペースにJavascriptを入れて、TOPページのcontainerを制御しているのだと思います。
具体的には、
if(window.location.href.matchほにゃらら…部分で条件にトップページを指定
getElementById(\'container\').style.backgroundImageほにゃらら…部分でcontainerの背景を変更

お礼

やっぱりフリースペースへのJavascriptが
解決策だったようですね！
ほんっとに助かりました！無事解決です。
ありがとうございます。

回答No.2

Muller3

あ、失礼、スタイルシートじゃなくて、フリースペースなのかもしれません。以下ウェブリブログの機能がわからないので推測でしかないのですが…

＞スタイルシートのはどうやってみられたのでしょう…
ソースにあります。
<script type="text/javascript" src="http://～～～/index_css.js"></script>
っていう記述ありますよね。これがCSSの制御をしてるっぽいので、見てみると、CSSへのアドレスが書いてあります。customize.cssが各ブログのカスタマイズ内容らしいです。
しかしこのCSSの中にはTOPのバナー画像のURLが出てこないので、#1に書いたようにCSSでのカスタマイズではない（#banner指示）ではないようです。失礼しました。

で先のJavascriptの記述を見てみると、「function free_space_…」の中にTOP画像URLが出てきます。フリースペースを使っているのかもしれません。フリースペースの機能については私はよく知りませんが、Javascript入れてるっぽいような…

回答No.1

Muller3

ウェブリブログのスタイルシートの編集はどうされるのかはわからないのですが、スタイルシートに
#container{
width:700px;
margin:0px;
padding:0px 0px 20px 0px;
background:url(http://www7a.biglobe.ne.jp/~yukarigo/blog_img/head2.jpg) no-repeat 0px 20px;}
こういう記述が入ってます。
小さなバナー画像をコンテナ部分（トップ、月別、テーマ別、記事ページ共通）の背景として入れているようです。
そしてトップだけは
Ｑ：トップページのタイトルの背景に画像を表示させる方法は？（ＣＳＳ編集）
http://faq.at.webry.info/200503/article_4.html
この方法でバナー部分を設定してるんだと思います。
なので、コンテナ部分が最初に表示されて、それからバナー部分が見える、ということになるのかと。

補足

ありがとうございます。
２つほど追加質問させてください。
１つはスタイルシートのはどうやってみられたのでしょう…
ぜひお教えください。

あと１つは同じクラスを使っていながらも
プロフィールのページはなぜ、小さいバナーだけが
表示されているんでしょうか…

お手間ですがよろしくお願いします…