			カンタン！ブログをはじめよう

HOME > Blog カスタマイズ > 別窓を指定サイズで開く（ 1 ）

別窓を指定サイズで開く（ 1 ）

2005年03月02日 AQ

この綺麗にステイしている写真は、いつも遊びに来てくれてる「 MUZEIN CLIP 」さんところのマーボくん

マスターのなかしんさんはプロフィールのプラグインの中でこのマーボくんを紹介しているのですが

「ボタンか写真をクリックすると、マーボの血統書が出てくるようにしたいのですが、何か方法はありませんか？」ふむふむ

その気持ちは良くわかる。一度試してみましょう。

現在なかしんさんは、プロフィールの設定のタイトルを「 marbo pedigree 」とし、そのリンク URL をマーボちゃんの血統が書かれた画像にリンクしている様子。これで目的達成か！といえばそうなんですが、この方法ですと元ページが血統書の画像に入れ替わってしまうため、ブラウザーのクローズをクリックすると、MUZEIN CLIP のページごと無くなってしまう。

また戻るにはブラウザーの " 戻る " を押さなきゃならない。それになんかスッキリしない・・・で、このような感じにしてみました。

マーボチャレンジ中

マーボは、ドッグショーにチャレンジ中です p(^0^)q 応援して下さいね～♪

marbo pedigree

これは MUZEIN CLIP さんのサイドバーの状態をそのままに、ダミーで作って見ました。「 marbo pedigree 」の小さな字をクリックしてみて下さい。左上に血統が記載された HTML ページがポップアップしてくるはずです。さらにその血統書をクリックするとクローズするようにしておきました。見栄えを重視し、余計なスクロールバーなどはでないようにしてあります。

さてこれのカスタマイズの仕方なんですが、血統書の画像を埋め込んだ HTML ページが、まず必要になります。下記のような記述で作成し、サーバーに上げて URL を控えておいて下さい。赤字の部分を適宜変更するようにして下さい。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<title>MARBO -CERTIFIED PEDIGREE-</title>
</head>
<body>
<p align="center"><a href="#" onClick="window.close()"><img border="0" src="表示する画像のURL" width="画像の幅" height="画像の高さ"></a></p>
</body>
</html>

この次に、カスタマイズ / 管理 > プラグインの新規追加からフリースペースを選択し、そのフリースペースの中に以下のソースを書き込んでください。フリースペースを設置する場所は、今回の場合は " プロフィール " のプラグインのすぐ後にして下さい。幅と高さのところは、画像より＋20 ぐらいの大きさが綺麗かと思います、ご自身で調整して下さい。px などの余計な記号はいりません、数値だけで OK です。

フリースペースを使用したくない方は、トップページ・個別記事・月別・カテゴリーのそれぞれの HTML に直接書き込む事もできます。
<head> ～ </head> の中に下のスクリプトを記述して下さい。

次に、" プロフィール " の設定の中で、ホームページのタイトルのところを今回は、「 marbo pedigree 」としました。そして URL のところに、
「 javascript:subWin1(); 」と記入してリンクを貼って下さい。

これで完成！ホームページのタイトルのところは、お好きな文字をお入れ下さい。後は、Blog の再構築のところで調整中の間は、トップページのみを。成功したのを確認したら、全ページを再構築して下さい。

	：Name
	：Mail
	：URL
	情報を記憶：書き込みのリセット：

	ご利用のブラウザ、設定ではご利用になれません。

別窓を指定サイズで開く （ 1 ）

別窓を指定サイズで開く（ 1 ）