in the blue sky
 〜社会人の、雑記とゲームなblog 〜 
  
大改装?
何となく思い立って、ブログのデザインを変更。
元のと比べて大して変わっていませんが(笑)。

延々と陰陽座の曲を聴きながら6時間の作業。
本当はメニューの折り畳みも実装したかったのですが、力尽きました。
まだまだスキルが足りませんな。

今回はタイトル右下のRSS News Tickerを加えるのが目的だったり。
記憶のノートのTOMOさんの共用テンプレートを見なかったら
当分(下手をすれば一生)気付かなかったなと。
そう言う意味ではTOMOさんに感謝。

試験的に掲示板とメールフォームを設置。
・・・誰が使うんだろう?
適度に時がたったら外します。(←なら付けるなと)

リンクのカテゴリ分けがまだなので追々していきたいと思っています。
(似非)トップページへのリンクは外しました。
紛らわしいしね。
しかし確実に重くなっていくな、このブログ(笑)。
ソースもやばいくらいに汚いし。

なんか変なところがあったらコッソリ教えて下さい。
見栄えはどうですか?
今日は1日、FCafeさんの記事を読みながら
テンプレをカスタマイズしてトップページを作ってました。

で、作業が終わって確認しようとしたら
FC2インフォメーションからのお知らせが。

>この度ファイルアップロード時に於いて、
>アップロードできるファイルの種類を追加いたしました。
>新たにアップロードできるファイルは
>html,css,js,rdf,txt となります。

・・・嬉しいんだけど、何かタイミングが悪いと言うか。

まあ次からは外部htmlを引っ張ってきますか。
デザイン変更
ちょこっとだけサイトのデザインを変更。

プロフィールとかのボックスを個別に分離。
これだけで2時間かかった・・・。_| ̄|○

取りあえず、今後ボックスを増やして何かやります。
多分、ランキングかアフィリエイト。

今は眠いので、改装はそのうち気が向いたらと言う事で。



友人にこのサイトを見てもらい意見を貰ったが、
カウンターの位置が悪いと言われた。
というかカウンターの柄が
全体のデザインとの協調性が無いとも言われた。

自分でもそれは思うのだが
そればっかりは趣味なので如何ともし難い。
あくまで「自分本位」のスタンスで。



サイトのデザイン換えたせいで、ブラウザで変に見えると言う方は
コメントでもWeb拍手でも構わないので報告下さいな。
出来る範囲で修正します。

当方はIE6で動作確認中。
他は置き去りの方向で(←マテ)。
カスタマイズ(8) Web拍手の設置
久々に。

以下、いつもの警告文。


皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。

もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。

使用テンプレート:blue


今回は意外に浸透してきた、Web拍手の設置。
基本的に、これもカウンターや時計と何ら変わりません。

ここから登録して、タグを取得。
あとはそれを任意の位置に張るだけ。



サイトの「任意の位置に割り込ませる」
(例えば、PROFILEとARCHIVESの間とか)ならHTMLの中に設置。
細かい事は「カスタマイズ(5)時計」を参照。

サイトの「任意の位置の上に重ねる」
(例えば、タイトル部分の柄に重ねるとか)なら
HTMLの中に設置後、CSSもいじる必要が生じる。
こちらは「カスタマイズ(6.3)位置の変更」を参照。



自分の場合。
<body>のアクセス解析の下に

<div class="web">
   取得したタグ
</div>

として、スタイルシートは

/************************************/
/* リンクの色 */

と書かれている上に

.web{position:absolute;top:90px;left:450px;} (←この文を足す)
/************************************/
/* リンクの色 */

と付け足しました。
カスタマイズ(7) 閑話休題
今回は技術的な話はなし。
・・・いや、ある意味技術な話なんですが。



ここのblogは自分中心ということもあって
背景に1280×960のjpeg画像を使っています。
ファイルサイズも126KBと大きいです。
ブロードバンドの人はともかく、ナローバンドの人には優しくないなと。

突詰めるとスタイルシートを使用していること自体が
万人向けではないわけである。
スタイルシートはブラウザによって動作が異なるし
場合によっては未対応かもしれない。
Windows版とMacintosh版でも動作や見栄えが異なる。



何でこんなことを言い出したかというと、
アクセス解析で閲覧ブラウザが
Netscape 3.xの人が居たことが始まり。
その人は正しくここを見れたのかが気になって。

結局何が言いたいかというと、
皆が同じように見えるものを作るのは難しいなと。
カスタマイズ(6.3) 位置の変更
もはや恒例の、この一文を。


皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。

もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。

使用テンプレート:blue


今回は、前回・前々回に行ったカウンターの設置と時計の設置で
スタイルシートを使った位置変更を紹介。

前に、「いまいち理解しきれてません」と書いときながら
この有様・・・。


とりあえず、カウンターなり時計なり取得してきたHTMLコードを
<body>の下に貼り付ける。
貼り付けたHTMLコードの上下を

<div class="clock">
  HTMLコード
</div>
と括る。

次にスタイルシートで

/************************************/
/* リンクの色 */

と書かれている上に

.clock{position:absolute; top:100px; left:50%;}

と書く(先頭にドットが付いているのに注意)。
位置の指定にtopやleftの他にbottomとrightも使えます。
位置自体は ピクセル指定なら 任意の数字px
         パーセントでは  任意の数字%
で指定できます。


注意。

この方法では下に表示されている物の上に
「重ねて」表示されますので
重なってもよいところに指定すると良いかと思われます。
ブログのタイトル部分とか。
カスタマイズ(6) カウンター
もはや恒例の、この一文を。


皆のためと言うよりは、自分に対しての覚書で。
他の人は参考程度に。

もし試すのであれば、今使用しているテンプレートをもう一つ追加して
そちらで実験してからという方法を薦めます。

使用テンプレート:blue


今回はカウンターの設置。
基本的な流れは、前回の時計と同じ感じで。


まずはFC2が提供している「スゴいカウンター」に登録。
あとはログインして、自分の好みのカウンターのHTMLコードを
コピーして、自分のテンプレートのHTMLに貼り付けるだけ。

設置の細かい位置については前回の「カスタマイズ(5) 時計」を
参照下さい。


オリジナル画像のカウンターを使用したい方へ。
2004年12月17日現在、「スゴいカウンター」でβ版ですが
オリジナル画像のカウンターが設置可能です。
ログイン後に以下のURLにアクセス。
http://sugoicounter.com/cgi-bin/cnt.pl?action=digits

数字画像をアップロードして、管理者からの承認のメールが来れば
使えるようになります。
だいたいアップロードしてから半日〜2日くらいで、
登録時のメールアドレスに返信がきます。
あとはそれに従うだけです。


自分の趣味で構わないなら、
ここの猫耳カウンタや、ここの絵類にあるやつを紹介。
ホームページ アフィリエイト レンタルサーバー FC2ブログ