題名と説明の表示
ブログのことで、トップのヘッダーがランダムに表示されるようになったのは良かったですが、かわりにヘッダーにブログの題名と説 明が表示されなくなりました。
どうなっているのでしょうか?
↓
http://wolf379.blog9.fc2.com/
2011年07月26日 15:00 by wolf8810
わかりました。
ここからは修正・改善は自分で行いたいと思います。
いろいろとご協力ありがとうございました。
これからもよろしくお願いします。
また問題を持ち込んでしまうかもしれませんが。
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 朱雀 翔
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー