【タブ】お手本の実装はこちらで

※既存TABに影響の無いようにお願いします。
※既存TABは「練習」記事から抜粋したタブです。
※何かと気になるとこもあるかもしれませんが、お気になさらずm(__)m

既存のタブ（ピュアCSS）

※今後も継続使用。

　　　

メルヘングレー

メルヘンブラック

メルヘンパープル

ナルシストパープル

メンヘラボード

お知らせ
㉕これは「２カラムレイアウト」のレスポンシブ仕様。スマホは「１カラム」表示。画像付きで補足説明したいときに使いマス。読者に優しい合理的レイアウト！

お知らせ
㉖お隣の「メルヘングレー」で思わず「レスポンシブ仕様」と言ってしまったが、そもそも「サイト全体レスポンシブ仕様」にされているのが当たり前。

とは言え、レスポンシブ対応不十分なサイトが山ほどあるのも現実。結局のところ、サイト制作者の力量と、ナニヲ優先するか次第！

バグだらけOS
インラインスクロール表示状態確認の為、長文を入力したところ、こんな事が分かりました。

「白い背景色」で、インラインスクロールする「ios」端末では、スクロールバーが何故か表示されません。どうやら白色で表示されるようです..。さすが安定のバグ

その他不具合モリモリ。こんなOSよく世に出せたな～。しかし、エンドユーザーにはバレない仕組み。尻拭しりぬぐいいする側の身にもなって欲しい..。

身の丈に合った開発シナサイヨ

タイトル

コレ⑨と同デザインっす。タブメニューを５個にしたかったので数合わせ。ところで「ゾウサンズアニメーション」 知ってます？今はググってもヒットしないが、そのうち当サイトがヒットする。たぶん。

タイトル

コレ⑫と同デザインっす。このタブ（選択切り替え）は「CSS」で動作しますが、同一記事内「複数設置時」における「input」タグの管理がメンドイ。ん～..。作り直すか否か、悩みMAX。

タイトル

㉗これでフィナーレ。使いどころは考えなければならないが、気に入っているこのデザイン 以上「装飾BOX」 全30種、CSSの無駄遣い！とは言え、色違いが大半なので、実質5種

杉本様のお手本（CSS+JS）

※微調整は加藤が対応
※記法は普通のＣＳＳ

コードペンと同じような物（メニュータブ4個バージョン）

コードペンと同じような物（メニュータブ6個バージョン）

既存のボタン（CSS）

既存ボタンの類はこちらで全て。あとはヘッダーの問い合わせボタンとなりますので、これらに影響がなければOKです。

杉本様のお手本（CSS）

コードペンと同じボタン

●ファイル名：albatros_custom: script.js
// 強制リロード（59行目）
上記を削除して頂くことで、ブレイクポイント通過時のリロードを解除できます（min-width:1271px）
※上記は「sidebar.php」に起因する不具合の暫定措置となります。