ヤッチーのブログ

PHP,Bootstrap,J Query,Swiftやサーバ管理、トラウトのルアー釣り、ハードロック等の記録です

Bootstrap

Bootstrapにパララックス効果を導入

Bootstrapにパララックス効果を導入しました。 作業最終形デモ https://burrn.work/honoka/top5.html WEBサイトを縦スクロールする際に、縦スクロールの移動距離に対して、画像の移動距離が短く、閲覧者にトリッキーな印象を与える効果があります。 Bootstra…

Bootstrapに設置したドロワーメニューの背景色・文字色を変更し、画像を挿入

作業最終形デモ https://burrn.work/honoka/top4.html 前回の記事でBootstrap Honokaに導入したドロワーメニューですが、白背景に黒文字と殺風景です。 これを格好良くします。 メニューの背景色を鮮やかな青色とし、文字を白色に変更します。 前回の記事で.…

Bootstrap Honokaで左ドロワーメニュー

お洒落なサイトやスマホサイトによくある左上とか右上にあるアイコンを押すと、シュワっとメニューが表れてくるドロワーメニューをBootstrap Honokaに導入してみました。下のようなメニューです。 作業最終形デモ https://burrn.work/honoka/top3.html Drawe…

Bootstrap Honoka でグリッドを5列に、グリッド(flex)に画像を挿入、上部メニューを固定

1.Bootstrap Honoka でグリッドを5列に 作業最終形デモ https://burrn.work/honoka/top2.html Bootstrapのグリッドシステムは、横並びにする列として合計12となるように、2列とか3列とか4列とか制約があります。しかし、グリッドを5列にする必要がありま…

Bootstrap Honoka でCSS余白調整、スライダー設置などしてTOP PAGEを作る

ホームページを作成するのに、今まで大よそ20年間、HTMLファイル、CSSファイルをゴリゴリとエディターで手書きしていたのですが、パソコンだけでなく、iPhone、Androidに対応したレスポンシブホームページが常識になっている現在、ゼロベースでCSSファイルを…