2021-08

css

背景画像を複数設定して位置も替える

右上の鳥を背景01(bird01.png)左下の鳥を背景02(bird02.png) 全体に敷いてあるものを背景03(back.jpg) として.content { background-image: url("bird01.png"),
css

見出しの前(または後)に画像を付ける

beforeとafterを活用HTML<h1>見出しの内容</h1>CSSh1:before{content:url('画像のパス');position:relative;right:10px;/*本来の位置より左に10pxずらす*/}h1
css

リストマーカーに画像を指定

ul li{list-style:none;background:url('画像のパス') left center no-repeat;background-size:20px auto;padding-left:25px;}リストの背景画
web制作

Photoshopの「レイヤースタイル:境界線」が表示されないとき

バナーを作成するときなどにphotoshopで枠を付けたいけど「境界線」で位置を内側にして枠を設定しても表示されていない…そんなときよくやってしまってた表示されない理由をメモレイヤーが透明色がついてないと境界線を乗せることができないそうで…
web制作

Googleフォーム覚え書き

Googleフォームでいつも(自分が)行うと思われる設定の覚え書きですユーザーがGoogleにログインしなくてもフォームを送信できるようにするGoogleフォーム右上歯車アイコンの設定「全般」よりログインが必要:回答を1回に制限する のチェ
web制作

郵便番号から住所を自動入力できる「zipaddr-jp」

wordpressで問い合わせフォーム等を作成するときに。プラグイン「zipaddr-jp」を新規追加して有効化し郵便番号を入力するフォームタグにid="zip"住所を入力するフォームタグにid="addr"を追加するだけ郵便番号<inpu
css

flexboxで最後の行を左揃えにする

あちこちで書かれていますがよく使うのでメモHTML<div class="box"> <div class="text">ボックス1</div> <div class="text">ボックス2</div> <div class="text"
web制作

【cocoon】特定のカテゴリだけデザインを変えたいとき

特定のカテゴリだけレイアウトを変えたいのでこのページ限定のclassが欲しいときcocoonでは<body>にカテゴリIDのclassが付くようになっていて自由にデザインを変えることができました特定のカテゴリ内に属する記事のクラス.cate
css

tableのtrタグを非表示→表示させるには(初期値)

デスクトップとモバイルの切り替えで tableのtrタグを出したり消したりする 必要が出てきましたいつもこのやり方なので同じようにtrタグを非表示から表示させるときに display:block; を使うとあれ?見た目おかしい…調べた結果t
css

MW WP Formのチェックボックスを縦並びにする(←2021.10.06追記)

Wordpressのフォーム用プラグインMW WP Formでチェックボックスを作成すると各チェックボックスとラベルのセットはspanタグで囲まれており、横並びになりますこれを縦にしたいとき各spanタグにはhorizontal-itemと