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

別窓を指定サイズで開く ( 1 )

2005年03月02日 AQ
この綺麗にステイしている写真は、いつも遊びに来てくれてる 「 MUZEIN CLIP 」 さんところのマーボくん  マスターのなかしんさんはプロフィールのプラグインの中でこのマーボくんを紹介しているのですが

「 ボタンか写真をクリックすると、マーボの血統書が出てくるようにしたいのですが、何か方法はありませんか? 」 ふむふむ その気持ちは良くわかる。一度試してみましょう。

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

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

マーボチャレンジ中
マーボは、ドッグショーにチャレンジ中です p(^0^)q 応援して下さいね〜♪
これは 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> の中に下のスクリプトを記述して下さい。

<script language="javascript">
function subWin1(){
sub1=window.open("先ほどサーバーに上げた画像を埋め込んだHTMLのURL","window1","scrollbars=no,resizable,menubar=no,directories=no,status=no,location=no,width=画像より少し大きい幅,height=画像より少し大きい高さ");
}
</script>

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

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

この記事へのコメント
1. Posted by Air Jordan 3   2011年05月28日 11:58
置する場所は、今回の場合は " プロフィール " のプラグインのすぐ後にして下さい。幅と高さの
2. Posted by cheap retro air jordans   2011年06月30日 14:27
今回の場合は " プロフィール " のプラグインのすぐ後にして下さい。幅と高さの
3. Posted by Cheap Prices Jordans   2011年07月02日 16:02
余計なスクロールバーなどはでないようにしてあります。
4. Posted by louis vuitton luggage cheap   2011年07月02日 16:28
その気持ちは良くわかる。一度試してみましょう。
5. Posted by diorコピー   2011年11月18日 14:24
スタイルの貴重なスイスのレプリカのロレックスの 1 つと。選択する最も可能性があります認識していないが通りでロレックスの時計の彼の手首を保持するが、実際には多くの偽のロレックス、見つけること。ロレックスのレプリカは、間違いなく、悪天候を削減します。だけでなく、特定スイス レプリカ ロレックスを最後に注文すると完全に機能、スタイリッシュな通貨値を購入している
6. Posted by スーパーコピーバッグ   2011年11月18日 14:25
> スイスのロレックスの時計のレプリカは、市場で利用可能ないくつかのモデルで購入できます。これらが GMT マスター旅行愛好家、スポーツ熱狂者の範囲、デイトナ、デイトジャスト、船の船長のオプション。デイトナの数、デイトナの特別なヒョウ本当に任意の動物の恋人の魅力に食料調達し、特に究極の完了したと革のストラップをマッチングの流行色をことです。その後、サブマリーナー限定コカ ? コーラは基本的に一緒にコーラを所有の感覚を提供版です。
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Comments
Tag Click