注目タグ

パソコンQ&A

トピック詳細

題名と説明の表示

ブログのことで、トップのヘッダーがランダムに表示されるようになったのは良かったですが、かわりにヘッダーにブログの題名と説 明が表示されなくなりました。

どうなっているのでしょうか?

http://wolf379.blog9.fc2.com/

2011年07月26日 15:00  by wolf8810

コメント一覧 9件中、1~9件表示

  • わかりました。
    ここからは修正・改善は自分で行いたいと思います。
    いろいろとご協力ありがとうございました。
    これからもよろしくお願いします。

    また問題を持ち込んでしまうかもしれませんが。

    2011年08月01日 11:10 by wolf8810

  • 説明文が出ないというのは、現状ではこれ以上改善する事は難しいと思われます。
    wolf8810さんのサイトのCSSの全文を見れない状態で原因を探し出すのは、私自身の能力を超えていると思われます。

    DTPやWEBデザイナーを目指したいと言われていましたので、これ以上の事はwolf8810さん自身がHTMLとCSSを 勉強しながら修正して下さい。
    申し訳ありませんが、タイトルが表示された事で「この件は好し」として頂ければ幸いです。

    バックアップに付きましては、以前書いたとおり、CD-RやDVD-Rで記録するか、外付けHDDを使います。
    携帯のデータは、ソフトウェアが市販されていますので、それを使ってパソコンに保存します。
    もちろんバックアップはパソコンデータですので、上記の方法で取ります。

    【追記】
    私信の記事は確認されたと思いますので、消しておきます。

    2011年07月31日 02:37 by 朱雀 翔

  • こんばんわ、朱雀さん。
    「いじりすぎ」といってもいじりすぎたら、元の数値や記号を直しています。
    しかも、そのおかげあってタイトルは表示され、ヘッダーのズレも直りました。

    しかし、まだ問題がありますが、あと一歩です。
    説明文がまだ最前面(ヘッダーの上)に表示されません。

    ちなみにバックアップはいかにしてとればよろしいですか?
    ブログだけに限らず、USBメモリやパソコン、ケータイなどのデータのバックアップをとりたいと考えています。

    2011年07月30日 23:02 by wolf8810

  • 私信 うちのブログではこのようになります(この記事は伝言記事の為、削除する予定です)というタイトル名で、記事を書きました 。
    少し厳しい口調で申し訳ありませんが、ご注意いただく点がありますのでご一読下さい。

    http://suzaku7.blog87.fc2.com/blog-entry-641.html

    恐らく「いじりすぎ」が原因ですので、リセットされるのが一番の早道のように思われます。
    その上で、7月28日に記したJavaScriptとCSSを入れて頂いた上で、少しずつ慎重に手を加えて行って下さい。
    その時には必ずバックアップも取って下さい。
    お願いします。

    2011年07月29日 19:49 by 朱雀 翔

  • お待たせしました。何とか形になりました。

    HTMLの<div class="header">部分を以下の通りに変えてください。
    (コピペで差し替えてください)

    <div class="header">
    <script language="JavaScript"><!--
    var wall = new Array();

    /* 使用する背景画像を好きなだけ記述 */
    wall[0] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/t akenakahannbee.jpg";
    wall[1] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/h attorihannzou.jpg";
    wall[2] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/h ukushimamasanori.jpg";
    wall[3] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/h ukushimamasanori.jpg";
    wall[4] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/m aedatoshiie.jpg";
    wall[5] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/s himaduyoshihiro.jpg";
    wall[6] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/t okugawaieyasu.jpg";
    wall[7] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/n ouhime.jpg";
    wall[8] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/t akedashinngenn.jpg";

    続く
    (文字制限のため)

    2011年07月28日 04:40 by 朱雀 翔

  • wall[9] = "http://blog-imgs-36.fc2.com/w/o/l/wolf379/ue sugikennshinn.jpg";
    var rnd = Math.floor((Math.random() * 100)) % wall.length;
    document.write('<style type="text/css"> ;.header { background-image:url(' , wall[rnd] , ') ; }</style>');
    // --></script>

    <!-- タイトル名 -->
    <div class="title">
    <h1>
    <a class="linkt" href="<%url>&q uot; accesskey="0" title="<%blog_name>& quot;><%blog_name></a>
    </h1>
    </div><!--/title-->
    <!-- /タイトル名 -->

    <!-- ブログ紹介 -->
    <div class="intro">
    <p><%introduction></p>
    </div><!--/intro-->
    <!-- /ブログ紹介 -->

    </div><!--/header-->



    次にスタイルシート(CSS)の.header部分を、このように記述してください。

    .header {
    background-repeat: no-repeat;
    background-position: center;
    width:950px;
    height:400px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    }

    または
    background-repeat: no-repeat;
    background-position: center;
    上記の二文を追加するだけでもいいです。

    うちのブログを使った検証では、これでうまくいきました。
    お試し下さい。

    2011年07月28日 04:39 by 朱雀 翔

  • 少しお時間をいただけますか?
    お使いになっている元のテンプレートを探し出しましたので、それに手を加えて新しいスクリプトを導入し、解決索を試行錯誤中で す。

    ただ、現在FC2ブログが、裏でスマホ用のサーバー補強メンテ中でして非常に重いです。
    検証中に度々サーバー接続エラーが頻発しますので、メンテが落ち着いた頃に再度検証する予定です。
    すいませんが、もうしばらくお待ち下さい。

    2011年07月27日 22:38 by 朱雀 翔

  • 朱雀翔さん、こんにちは。
    言われたことはもちろん、いろいろためしてみましたが、
    やはりタイトルと説明文が表示されません。

    もちろん、HTML、CSSともにいじってみましたが。

    2011年07月27日 13:29 by wolf8810

  • wolf8810さん、こんにちは。
    経緯が分かりませんので何とも言えませんが、いつ頃から表示されなくなったのでしょう?
    ランダム表示させる為にスクリプトを入れられたようですが、当初は表示されていたのでしょうか? それともスクリプトを入れた ら表示されなくなったのでしょうか?

    JavaScriptはあまり詳しくないので、専門的なアドバイスは出来ませんが、
    <div class="intro">の部分を<div id="int ro">とし、CSSも.introから#introに代えてみてはどうでしょう。
    classよりもidが優先順位が高いですので、試してみてください。

    CSS無しで表示しますと、タイトル画像の下にブログの説明が表示されます。
    もしかするとCSSに問題があるようにも思われますが、こちらからは確認する事が出来ません。
    恐らくDIV内の縦幅と横幅設定が、うまく合っていないのではないでしょうか。

    2011年07月26日 15:49 by 朱雀 翔