Contents
回答フォームをカスタマイズする方法
回答フォームをカスタマイズする為に、CSSの基礎から学んでいきます。
基本講座と実践編に分けて動画を作成してあり、CSSが全て分かっていなくてもカスタマイズが可能です。
回答フォームをアレンジする為に必要なカスタムCSSの基本
資料:
https://docs.google.com/presentation/d/1vCCyEJiSfRIfBF6a0jecIMqe4jK8HwMWX8KqpHglghQ/edit?usp=sharing
これが分からないと始まらない、CSSのクラス名について
回答フォームの文字サイズと色を変更する方法
回答フォームの背景画像と色を変更する方法
CSSを変更する際の注意事項
実際に画面を見ながら文字サイズ、文字の色を変更してみよう(実践編)
実際に画面を見ながら背景画像、背景の色を変更してみよう(実践編)
フリー素材の画像掲載サイト
pixabay
https://pixabay.com/ja/
O-DAN
https://o-dan.net/ja/
ぱくたそ
https://www.pakutaso.com/
Unsplash
https://unsplash.com/
回答フォームの見出しを横幅いっぱいに表示させる方法
https://docs.google.com/presentation/d/10j2DVNE7NVhKLTNbNp0DUcI6ynez43xUENOFrR3oRuI/edit?usp=sharing
回答フォームヘッダーURLの取り方
https://docs.google.com/presentation/d/1yPmkTFUJ3F6WWB59lLrRMSy3hiy5BHwIx2vnGTxpA7o/edit?usp=sharing
コピペでOK 回答フォーム見出しデザインテンプレ集
回答フォームのCSSをコピペで使えるように、以下のサイトにまとめています。
↓↓↓↓↓
CSS テンプレサイト
CSSテンプレ集