CSS

Font Awesome 5を疑似要素でつかう
2021年8月3日
コーディング
/
FontAwesomeは便利だけど、font-familyの指定やfont-weightの指定がふわっとしてるので、備忘録として。 Font Awesome 使いたいアイコンを検索。 アイコンの左上に…
ビジュアルエディタのフォントを変えたい
2021年7月2日
WordPress
/ /
入力したときと記事になったときの違和感 ワードプレスの投稿画面で入力する際は明朝フォントなのに、公開して記事になったらサイトで指定したフォントになって、思ってたのと違う・・・ってことありますよね。 そ…
教育系サイトをコーディングしました
2021年7月1日
WORKS
/ / / /
レスポンシブサイトへのリニューアルさせていただきました。 元々PCページとSPページで構成されているサイトをレスポンシブにリニューアルでした。PC用テーマとSP用テーマを作成してプラグイン「マルチデバ…
ひょっこりしたものの位置を変える
2021年6月24日
コーディング
/ / /
以前 画面の下にひょっこり出てくるフッター という記事で すこしだけスクロールしたらフッターをひょっこり表示させました。 一度ひょっこりさせたものの場所をかえたい 少し進んで、 ひょっこりさせたフッタ…
数字リストのアレンジ
2021年3月24日
コーディング
/
Q1　Q2・・・とかいうアレ。 olタグのデフォルト数字スタイルはイマイチ使えない・・・と思いながらカウンタで数字をつけることをいつも調べてしまうので作業メモ <ol> <li>…
アコーディオンメニューをcssだけで
2021年3月17日
コーディング
/
クリックしたらペロンと開くアレ。 Q&Aやフローチャートやメニューなどでなにかと需要のあるアコーディオンメニューの作業メモ <div class="accbox"&g…
ボタンいろいろ
2020年8月9日
コーディング
/
出番多めなボタンたち 基本のスタイルは以下のとおり。 全てのボタンに共通するスタイルは .btn  としてスタイリング。 なので、アイコン等をつけないのであればこのスタイルだけでOK！ ボタ…
Googlemapをレスポンシブにしたい
2020年7月28日
コーディング
/ /
グーグルマップを埋め込んだ時にレスポンシブにならない。 そろそろ自主的にレスポンスしてほしいと願っております。 Googlemapの埋め込みをしてみる Googleさんからいただいた埋め込みタグの外を…
背景を2色にしたい
2020年7月23日
コーディング
/
backgroundを指定する時に、上側と下側違う色設定したいな～ってことがあります。 背景色を2色設定したい いろんな方法があると思いますが、 今回はcssだけで2色の指定を。 background…
要素がない時存在を消す
2020年7月17日
コーディング
/ /
CMSなどで登録するための要素は3個あるけど、3個目に情報がない。 そんなときには 3個目の要素の存在を消してしまおう 存在を消すと言ってもdivごと消してしまうとflexの具合がよろしくない。 di…