配色を変更

 主にトップページの配色を変更しました。  トップページの左側にあるカレンダーとかブログテーマといったタイトルは、いままで緑と黄色を使っていたのですが、緑の文字がちょっと見にくいと思いました。初めは、その緑をもっと濃くしたりしてみたのですが、ちょっと違和感がありました。  そこで、みな青系統で統一してしまおうと思いました。これはスタイルシート(CSS)で色の指定をするだけですから、簡単です。…

続きを読む

壁紙が表示されるようなりました

 このブログの壁紙が、また表示されるようになりました。  しばらく前から、壁紙が表示されなくなっていて、それはわたしが使っているブラウザOperaのアップデートのときからだったので、そのうちなおるだろうと思っていました。ところが、しばらくしてIEでも表示されなくなってしまったので、おかしいと思って調べたのですが、わかりませんでした。  このブログの壁紙は、統一感を出すために、スタイルシート(…

続きを読む

ホームページを画面の中央に表示したい

 アクセスレポートを見ていて気がついたことに、「ホームページを画面の中央に表示したい」と検索をして、わたしのブログを訪問してくださる方が、毎日何人もいるということです。  検索結果からは、わたしが12回にわたって書いた記事の一つにしかたどり着かないので、ここにまとめを書いておくことにしました。  ホームページを開設していると、ヤフージャパンなどのように、ホームページを画面の中央に表示したいと…

続きを読む

コメント欄をスタイルシートで調整

 コメント欄をスタイルシートを使って少し調整しました。  このブログは、ホームページと統一感を出すために、壁紙やタイトルロゴをスタイルシートを使ってホームページと同じようなものにしてあります。そのときに細かいところもいくつか調整しました。しかし、そのころはコメントをいただくことは想定していなかったので、コメント関係のことはとくに手を入れていませんでした。  その結果、コメントが複数になると、…

続きを読む

ホームページを画面の中央に表示したい その12

 きのうで、完成したスタイルシートものせたので、きょうは最後に感想を書きます。  初めに考えたよりもかなりたいへんでしたが、自分の思ったとおりに、ラムダ音楽館の各ページをすべて画面の中央に表示することができて満足です。  スタイルシートを使うことによって、各ページのタグなどをかなり減らすことができたので、ページ容量が減り、ページの読み込みが少し速くなったと思います。スタイルシートは、キャッシ…

続きを読む

ホームページを画面の中央に表示したい その11

 苦労して完成したスタイルシートの内容を下にのせます。  各ページのタグなどのソースは、IEではページ上で右クリックして「ソースの表示」、Operaではページ上で右クリックして「ページのソースを表示」をクリックすれば見ることができます。 body { background: url(ファイル名またはURL) repeat-y #F1FAFF center; m…

続きを読む

ホームページを画面の中央に表示したい その10

 最後に残った問題は、透明な表をあきらめ、透明な段組を使うことによって解決しました。  トップページは、以前と同じく、段組を使って作ったページには見えないと思います。しかし、一番上の左側のカウンターの部分で1段、一番上の中央から右側にかけてのタイトル画像のある部分で1段、その下の広い部分で1段、の3段組になっています。  それは、きのうも書いたとおり、カウンターを壁紙の左の鍵盤のはじの部…

続きを読む

ホームページを画面の中央に表示したい その9

 最後の最後に一番やっかいな問題が残っていました。それは、トップページの一番上の部分です。そこには、他のページと違って、タイトル画像とカウンターがあるのです。いままでの設定では、タイトル画像もカウンターもセンタリングされてしまいます。カウンターはいままでのように、壁紙の左の鍵盤のはじのところに表示され、それは大きなモニタで見たときも同じ位置に表示されなければなりません。  初めに考えたこと…

続きを読む

ホームページを画面の中央に表示したい その8

 最後に残ったのが、トップページです。  トップページ以外のページは、すべての要素をセンタリングすればいいのですが、トップページはそうはいきません。各ページへのリンクとなる画像と、その説明の文章があり、画像と文章をそれぞれ横に二つ並べてある部分もあります。その部分については、きのうも書いた透明な表を使うことによって解決しました。きのう書いた、文章を入れるための表は、セルが一つだけでしたが、トッ…

続きを読む

ホームページを画面の中央に表示したい その7

 きのう書いた設定で、各ページのファイルのタグなどを簡単にすることができることがわかったので、全部のページを修正していきました。  曲ファイルのあるページには、文章が入っていて、これがまた一苦労でした。というのは、きのうの設定で、あらゆるものがセンタリングされるので、文章もセンタリングされるのです。曲ファイルのある三つのページの文章の上から二つ目の小さい字の部分は、すべての行(とくに3行目)が…

続きを読む

ホームページを画面の中央に表示したい その6

 独立したスタイルシートファイルを作るのに、きのう書いた設定の次に入れたことは、今まで各ページのなかに入れていたスタイルシートの内容です。といっても、曲名などを入れた表のpaddingの設定だけだったのですが。  その次に、きのう書いたマージンの設定に追加して、またスタイルシートによってページ全体を画面の中央に表示することに挑戦しました。 body { backgroun…

続きを読む

ホームページを画面の中央に表示したい その5

 ページ全体が画面中央に表示されたので、ようやく完成と思ったのですが、一つ問題がありました。それは、ページのタイトル画像の上に1cm近いすきまができてしまったのです。いままでタイトル画像は、ページの一番上に配置していたので、これでは困ります。  なぜだかすぐにはわからなかったのですが、いろいろ試した末、マージンを0にしたところこの問題は解決しました。実際は、見ばえを考えて、マージンは1にしまし…

続きを読む

ホームページを画面の中央に表示したい その4

 次に考えたことは、ホームページビルダーが作った文章・画像・表の表示の指定のタグなどを削除して自分で指定するということです。それを最初にやったときは、タグなどをたくさん削除したので、これでいいのかと少し不安になりました。しかし、表示される位置はおかしくなりましたが、とくに問題はありませんでした。  そのあと、自分でタグなどを入れる前に、ホームページビルダーで開いてみました。すると、標準モードに…

続きを読む

ホームページを画面の中央に表示したい その3

 壁紙を画面の中央に表示できたら、次は、文章・画像・表を中央に表示すればいいわけです。最初に考えたことは、ページ全体を中央に表示されるようにタグを入れればいいのではないかということです。本などにもそのやり方が書いてありました。そのとおりにやってみたのですが、中央には表示されませんでした。  わたしは、ホームページを作るのに、コンピュータに入っていたホームページビルダーを使っています。HTM…

続きを読む

ホームページを画面の中央に表示したい その2

 最初にやったことは、壁紙を画面の中央にだけたてに表示するということです。  これは簡単にできました。   body{ background: url(    )  repeat-y center; }  このように書けば、壁紙は中央にだけたてに表示されます。わたしの使っている壁紙ファイルは、横幅が15インチモニタの横幅とほぼ同じものです。よくある小さい正方形の壁紙ファイル(そ…

続きを読む

ホームページを画面の中央に表示したい その1

 先日、わたしのホームページ、ラムダ音楽館を19インチの大きなモニタで見る機会がありました。すると、全体が左側に寄って表示され、ちょっと変な感じがしました。  わたしが使っているのは、15インチのモニタのノート型コンピュータです。いままでは、その15インチのモニタでちょうどいい表示になるようにホームページを作っていました。しかし、今回の件で、ホームページ全体を画面の中央に表示したいと思いました…

続きを読む

記事ページの行間

 記事ページの行間を広げてみました。  少し前に文字を大きくして見やすくなりました。しかし、トップページはまだしも、記事ページの行間は詰まり過ぎている感じです。IEではそれほどでもないようですが、わたしは、ブラウザはオペラを使っていて、オペラのほうが行間がより詰まって見えました。そこで、また、スタイルシート(CSS)を使って、記事ページの行間を少し広げました。これでさらに見やすくなったと思いま…

続きを読む

スタイルシート(CSS)でカスタマイズ

 きょうは、このブログのカスタマイズについて書きます。  スタイルシート(CSS)をちょっと勉強したので、本を見ながらブログのデザインをいじっています。きのうときょうでだいぶ変更することができました。一番やりたかったことは、ホームページと同じように、タイトルのロゴファイルを中央に大きく載せたかったことで、それができてだいぶ満足しました。あと、小さな見出しのような文字も色を変え、背景色を設定して…

続きを読む