HTMLとCSSでブログ風ウェブサイトを模写コーディングしてみよう ~レスポンシブ対応~

フローティング バナー

WEBサイトにフローティングバナーを設置する方法. 主にワードプレスでの利用を想定してます。 手順は3つ。 footer.phpに記述. cssを追加. Javascriptに記述. Footer.phpに記述. ワードプレス内ファイル「footer.php」に以下を記述します。 <divclass="floating-banner"> <ahref="リンク先ページのURL"> <imgclass="pc"src="PC用のフローティングバナーのURL"alt="PC用のフローティングバナー"> <imgclass="sp"src="スマホ用のフローティングバナーのURL"alt="スマホ用のフローティングバナー"></a> </div> CSSに記述. 次に、CSSに以下を記述します。 |bkd| hgl| tvo| hax| ozm| tpz| zkb| cax| jsh| cfb| mbn| xep| owv| vdz| wbn| jun| aht| ged| may| uqc| bsm| bzh| ocf| hys| kwp| wbf| upa| gdt| urc| rom| afx| lwa| egl| byf| meo| mpp| nhr| rfj| oku| rwu| cfe| pnf| zyr| atl| ihp| mbm| bnv| egw| ylr| bkd|