GO!GO!言語聴覚士

    耳鼻科領域で働く言語聴覚士のブログ
    MENU

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    応援が励みになります!
    ランキングクリックお願いします!

    ブログランキング・にほんブログ村へ

    SHARE

    【FC2ブログ】他サイトを画像のように埋め込み表示する方法【カスタマイズ】

    0   0

    色々なサイトを巡回していると、他のサイトを画像付きで紹介しているページがたくさんあります。

    どうやるのかなーと思い調べてみたら、どうやらiframeタグを使うことで他サイトを画像のように埋め込んで表示しているらしいということがわかりました!



    さっそくiframeタグの使い方を調べたので備忘録として記します。



    iframeタグの記述



    <iframe width="300" height="200" src="http://..." ></iframe>



    HTMLの詳細は以下のとおりです。



    src=""     表示するHPのURL

    width=""    フレームの横幅

    height=""   フレームの高さ



    クリックを無効にする




    フレーム内がクリックできないようにstyle="pointer-events : none" を設定します。



    <iframe width="300" height="200" src="http://..."  style="pointer-events : none" ></iframe>



    スクロールを無効にする




    フレーム内がスクロールしないようにscrolling=""  yes/no/autoを設定します。



    <iframe width="300" height="200" src="http://..." scrolling="no" style="pointer-events : none" ></iframe>



    完成



    http://stnavi.info




    言語聴覚士リハビリ情報サイト:STナビさん例にして表示させてみましたw





    参考にしたサイト

    Asial BLOG

    マンモスと歩く夢を見た

    応援が励みになります!
    ランキングクリックお願いします!

    ブログランキング・にほんブログ村へ
    関連記事

    SHARE

    Leave a reply






    管理者にだけ表示を許可する

    Trackbacks

    trackbackURL:http://gogost.blog22.fc2.com/tb.php/362-baba676b
    該当の記事は見つかりませんでした。
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。