DESIGN BLOGデザイン事務所の制作ブログ

【CSS】BMBでよく使うクラス名

あらくん
株式会社ビーエムビー

BMBでよく使うクラス名をまとめます(IDの時もあります)。基本的にはローワーキャメルケースで名づけます。編集可否が×の項目は、「このクラスをフックにしてCSSを適用させてはいけない」という意味です
※加筆修正歓迎

クラス名 HTMLタグ 意味 編集可否
title h1,h2など見出し。span等 サイト内で頻出のタイトルのデザインに対してつけます。
pcOnly, spOnly, tbOnly あらゆるタグ PCのみ表示させたいとき、SPのみ表示させたいとき、タブレットのみ表示させたいときにそれぞれつける。display:blockで表示されます。 ×
clearfix floatさせる要素の親要素 フロートによる表示崩れを抑止します。 ×
active, is-show, fade あらゆるタグ たいていjsで付与したクラスです。条件によってクラスがついたりつかなかったりします。
hContainer, headContainer header内div要素 ヘッダーのレイアウト用に用意したdivです。
gNavi等 header内div要素,ul要素等 グローバルナビゲーションです。
fContainer, footContainer footer内div要素 フッターのレイアウト用に用意したdivです。
fNavi等 footer内div要素 フッター用のグローバルナビゲーションです。
~Left,~Right/left~,right~ div要素等 float:leftの要素と、float:rightの要素を使ってレイアウトした部分です。
topBox トップページのdiv,section 又は シングルページのdiv,,section トップページで頻出する区切りという意味のときと、シングルページ等のページ上部の区切りの意味のときとがあります。
株式会社ビーエムビー

株式会社ビーエムビー

〒114-0031 東京都北区十条仲原1-4-8 商店街会館311 TEL&FAX:03-5948-5996

東京都北区のWEBやDTP(印刷物)のデザイン制作会社です。ホームページ制作やLP(ランディングページ)の作成、ECサイト(楽天ストアなど)の構築などのWEBデザイン、チラシ・ポスター・名刺・パンフレット・看板などの印刷物デザインに対応しています。お客様の業務形態や用途に合わせたwordpressによるCMSサイトをフルスクラッチにて構築することが可能です。お気軽にお問い合わせください。

その他の制作ブログ一覧

LINEスタンプを制作しました。たくさんのイラスト作画が大変でしたが、とても楽しい作業で納品まであっという間でした。 LINEスタンプ制作のご依頼を頂きました。 兵庫県三木市で彫刻刀の老舗メーカーとしてたくさんの彫刻刀を製造販売しているクライアントさんです。以前にホームページ制作をさせていただいたご縁からいろんなお仕事をご依頼いただいています。 そんな中でもLINEスタンプ制作のご相談をいただきました。クライアントさんのマスコットキャラクターをLINEスタンプにしたいとのこと。 何度かやったことのある仕事で… イラスト制作illustratorphotoshop
【jQuery】slideToggleを使って要素をクリックで要素を表示・非表示させる 「Q&A」などでよく使われる、クリックすると詳細が表示される、アコーディオンメニュー。この記事では、そのアコーディオンメニューを、jQueryのslideToggleというメソッドを使って作成する方法をご紹介します。 1、slideToggleの使用例 まずはjsの記述について <script> $(function($){ $('ul.qa li .question'… TECHNICWEB制作javascriptjQuery
一覧に戻る