七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

May , 2026
Apr , 2026

Mar , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Apr 20, 2005

以前から何回か説明してきました「インラインフレームもどき」。
多少分かりづらいとのご意見も頂き、仮にも「ゼロからの～」なんてうたっています当サイトとしましては
反省すべき点として真摯に受け止め…。
早い話が説明し直します（笑

もどきってことは「じゃぁ本物はどれよ？」って方は、インラインフレーム解説ページを参考にして下さい。

ただ、この（本物の）インラインフレームは残念ながら「楽天」内では使うことができません。
同じようなことをしたい際は、今から説明をします「もどき」の方法を使うしかないのです。
まぁ、見た目上は近い物ができますので、縦長になりすぎる目次や更新履歴にはもってこいかもしれません。
ぜひ使い方をマスターしてください(〃⌒▽⌒)

さてこのインラインフレームもどきですが、「 P 」タグと呼ばれるものを使用します。
この「 P 」タグですが、


HTML タグをいっしょに覚えましょ(〃⌒▽⌒)
ここに書いてあるタグは自由にこぴぺして使って下さいね。
HP作成で分からないことがあったら掲示板の方で気軽に聞いて下さい(ﾟ▽^*)ﾉ⌒☆
上級者様向けの HD 本館もどうぞよろしくm（_ _）m


のように「 P 」タグで文章を囲み、その囲んだ部分が段落であることをあらわします。
そして、その段落の幅と高さを指定してやれば、インラインフレームもどきができあがるわけです。
実際の記述を見てみましょう(〃⌒▽⌒)

例）

文章（省略）


表示結果）

うちのハッカーは見積もりを出してくれません。
あなたのとこのハッカーは、まだその問題の困難さの程度を解析しきれていません。大部分の労働者と違い、ハッカーは問題を確かに理解したと納得できるまで、見積もりを出すことに大きな抵抗を示すでしょう。時には、理解しようとしている間に問題を解いてしまうことさえありえます。
優秀な技術者は、決して95%以上の確信を持ちません。そして大抵のハッカーは優秀な技術者です。もしあなたが、無理に見積もり通りにやらせたりはしないと言えば（しかも本気で！）、大抵の場合は、おおまかな見積もりを出してくれるんじゃないでしょうか。この見積もりはえらく高く思えたり、あるいはえらく低く思えるかもしれません。実際、その通りなのかもしれません。結局それは見積もりでしかないんですから。でもそれがあなたの欲しかったものでしょ。

この例では、幅１７０、高さ１７０の領域を確保したことになります。
幅を変えたければ「 width:170px; 」の数字部分を、
高さを変えたければ、「 height:170px; 」の数字部分をそれぞれ変更して下さい。
「 overflow:scroll; 」の部分はおまじないとでも思って下さい。
何はともあれ、こうすることにより、インラインフレームもどきが完成するというわけです。
まずは記述例をそのまま「日記書き込み欄」にコピーアンドペーストし、じゃんじゃん使ってみて下さい(〃⌒▽⌒)

次はこれに背景画像をつける方法です(￣▽￣人)

例）

文章（省略）


表示結果）

「background-image:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg);」にて背景画像のURLを指定します。
画像のURLって？と言う方は画像の指定方法も参考になるかもしれません。
こちらもまずは「日記書き込み欄」にコピーアンドペーストをしてみて、どのようなものが表示されるかをまずは確認して下さい。
「自分で作ってみる」が一番の上達の近道ですから(￣▽￣人)

他にも、派手なわくでこのインラインフレームもどきを囲む方法、
スクロールバーに色を付ける方法などなど
色々な応用ができますので、どうぞ分からない場合は気軽に掲示板の方までご連絡下さいねm（_ _）m

お気に入りの記事を「いいね！」で応援しよう