ご利用ガイド  よくある質問  お問い合わせ  ご利用規約  ユーザーメニュー
無料で作るホームページ【ピーボックス】

トップ≫便利な使い方
Color Me Shop! pro


無料メールアドレス
無料レンタルCGI
無料素材リンク集
無料便利ツール
無料オンラインゲーム
無料SNS・コミュニティ
無料アンケートモニター
無料オプトインメール
レンタルサーバー
ホームページ作成ツール
ブログリンク集
オリジナルテンプレート
フレームサンプル
テーブルサンプル
スタイルシート講座
WEB用ミニ素材
お気に入りアイコン
HTMLの豆知識
ASP一覧
検索エンジン
ランキングサイト
トラフィックエクスチェンジ
SEO対策・その他
ゲストブック
マルチレス掲示板
着せ替え掲示板
アップロード式掲示板
アイコン掲示板
日記・テキスト
着せ替えダイアリー
フォト日記
更新履歴・NEWSBOX
メールフォーム
着せ替えフォーム
リンク集
オートリンク
あしあとぺったんシリーズ
その他イロイロ

CUTE&COOL!






一番人気!






 ユーザーメニュー 

カスタマイズについて
便利な使い方(iframe・ポップアップウィンドウ)
タグについて
SPAM・宣伝・自動書き込みソフト・荒らし対策について
メールアドレス自動収集ロボットについて



 便利な使い方 

小さなCGIは単独で使うよりホームページの中に埋め込んだり小窓で表示するのをオススメします。以下のソースをコピーしてURLの部分を書き換えてください。



 iframe(インラインフレーム)編 

iframeは通常のフレームのように複数のページを作る必要がなく、表示させたい場所にソースを貼り付けるだけでいいのでとても便利で簡単です。

←サンプル

<nolayer><iframe name="フレーム名" src="http://〜〜.cgi?n=***" scrolling="auto" width="170px" height="90px" border="0" frameborder="0" style="border:1px solid #000000"></iframe></nolayer><ilayer name="フレーム名" src="http://〜〜.cgi?n=***"></ilayer>

赤の部分にCGIのURLを入れる(2ヵ所)。
・フレームに枠をつけたくない場合は灰色の部分を消す。
・外部からリンクをする場合はオレンジの部分にターゲット属性を入れる(2ヵ所)。
青の横幅と高さを書き換える。
※サンプルの横幅は170px高さは90pxで指定していますが、高さについては記事をたくさん書くとCGI自体の高さが変動するので余裕をもって指定するか、フレームのスクロール機能(ピンクの部分)をyesもしくはautoに指定しておくといいと思います。



 ポップアップウィンドウ編 

ポップアップウィンドウ(小窓)のタグは検索すると山ほどヒットしますが、ここでは当サイトで使っているものを紹介します。



ボタンの場合
<input type="button" onclick="window.open('http://〜〜.cgi?n=***','','width=170,height=90')" value="ボタン文字">

画像の場合
<input type="image" src="画像のURL" border="0" style="border:0" title="ALT属性" onclick="window.open('http://〜〜.cgi?n=***','','width=170,height=90')">