iGoogle

ブラウザのスタートページはYahoo!ですか？なかには買ってきたパソコンの仕様そのままで、パソコンメーカーのサイトだったりする人もいるんでしょうね。

私も長い間Yahoo!でした。Googleなんて何もなくてつまんないし…と思っていました。
でも今はiGoogleです。



iGoogleにしたのは最近ですが、それまでずっとYahoo!だったわけでもないのです。メインブラウザをFirefoxにしたら、Firefoxはスタートページを「空白ページ」で設定できるんですね。ブラウザを立ち上げたときにホームページがダウンロードし切るまで待つ必要がないので、まったくストレスがないのです。今まで意味もなくYahoo!を開いていたのはなんだったんだろうと思いました。（パソコンのスタートにInternet Explorerの「お気に入り」は入れてますが、今やお気に入りが増えすぎて使える状態じゃないのです。で先ずとにかくブラウザを立ち上げてます）
続きを読む

Highslide JSをSeesaaブログで使用

Highslide JSドロップシャドウつきサブウィンドウのSeesaaブログでの導入方法

サムネイル画像をクールなサブウィンドウで表示させるスクリプトを配布している「Highslide JS」を、“本家”のサイトで利用している。スクリプトを利用するのためのダウンロードは、商用ではない個人サイトは無料。導入には「小粋空間」の解説ページが助けになった。

→Highslide JS
→Highslide JS でサムネイル画像を拡大表示する - 小粋空間

タカネマツムシソウ（サンプル画面）

Seesaaブログのサムネイル画像表示はサブウィンドウ表示ではないが、別タブ（別画面）に移動してもらって見てもらうというのは気が引けるので、このブログにもHighslide JSを導入することにした。例によって試行錯誤したが、最後には完璧な導入に成功。左の画像をクリックしてみてください。

Seesaaブログのカスタマイズ性の高さがあらためてうれしくなった。

既にレンタルサーバーに開設しているサイトで導入済みなので簡単にいけると思ったが、ブログのファイルマネージャでスクリプトファイル諸々をアップロードすることでつまづいた。Seesaaブログのファイルマネージャは画像ファイル以外のファイルでもアップロード可能で、画像ファイル用のデフォルトのディレクトリ「image」以外にも新しいディレクトリを作成することができる。で、「highslide」というディレクトリを作成したのだが、CSSで指定しているサブウィンドウのレイアウト用の画像ファイルは、「highslide」の一階層下の「graphics」に保存されている。さらにサブウィンドウにドロップシャドウを付けたければ、ファイルのパスは highslide/graphics/outlines/drop-shadow となる。あれれ、ディレクトリの階層を作成することができない？！

やむを得ず全ての使用ファイルを「highslide」ディレクトリに突っ込んでみたけれど動作しない。使用ポインタzoomin.curとローディング画像loader.gifは出るが、その先は砂時計が固まったまま…。

（続きでどうやって導入に成功したかを説明）
続きを読む

記事タイトルに背景画像（Seesaaブログ）

■記事タイトルの背景画像を変更

まず背景画像になる画像を作成し、ファイルマネージャでアップロードしておきます。background-repeatで表示するので、こんな小さい画像で良いのです。

メニューの〔デザイン〕→〔デザイン一覧〕からスタイルシートを開き、以下の記事タイトル部分の指定を探します

h3 {
padding: 0px 0px 0px 15px;
font-size:15px;
font-weight:bolder;
font-family: MS UI Gothic, Verdana;
background-image:url(ブログのURL/image/bg/lightgray_2/title.gif);
background-repeat:no-repeat;
}
続きを読む