CSS

スポンサーリンク
Web開発
Web開発

リスト(ulタグ、olタグ)のレイアウト方法

HTMLでは、ulタグ、olタグを使用してリストを作成しますが、リストのコーディング方法とレイアウト方法です。 リストを階層にする方法 リストを階層にする場合は、liタグの中に、新しくulタグ・olタグを入れます。 See the Pen ...
Web開発
Web開発

CSSだけでプルダウンをカスタマイズする方法

ブラウザやOSが違うとデザインが違うため統一したい場合など、カスタマイズをしたい場合があると思います。そのサンプルです。 プルダウンのデザインの変更は意外と難しいので、各ブラウザやOSでしっかり確認を行うことをお勧めします。 CodePen...
Web開発
Web開発

ページ内リンクをスムーズなスクロールにする方法

概要 通常は、ページ内リンクをクリックすると、パッと移動をしてしまいますが、おしゃれなホームページではスルスルっと、スムーズなスクロールをすることがあると思います。 そのスムーズなスクロールを実装する方法です。 CSSで実装する場合 URL...
Web開発
Web開発

Javascriptで自作のカレンダーを作成する

自作のカレンダーの作成方法 Webシステムを作成していると時折出てくる悩みの自作カレンダーの作り方です。 いろんなライブラリがありそれでも良い場合もありますが、デザインや細かいところに手が届かない、特殊な動きをする場合など自作のカレンダーが...
Web開発
Web開発

HTMLだけで簡単なアコーディオンを作成する方法

アコーディオンの作成方法 アコーディオンとは、クリックやタップをすると、折りたたんだり開いたりできるコンテンツのことです。 これが、detailsタグとsummaryタグで簡単に作ることができます。 以前は、対応していないブラウザもありまし...
Web開発
Web開発

CSSだけでラジオボタンをカスタマイズする方法

ブラウザやOSが違うとラジオボタンのデザインが違ってくるため、せっかく作成するなら統一したいと思うことがあると思います。 CSSだけでラジオボタンをカスタマイズできるのでカスタマイズをする方法のサンプルです。 カスタマイズ方法 今回は、以下...
WordPress
WordPress

WordPressでリストの先頭を※(米印)にする方法

WordPressのリストの先頭は基本的に黒丸(・)ですが、場合によって"※"(米印・アスタリスク)にしたい場合があると思います。 プラグインなどもありますが、今回はCSSだけで、リストの先頭を以下のように、※(米印・アスタリスク)にする方...
WordPress
WordPress

【Cocoon】プロフィールの設置方法

概要 このブログサイトに設置しているプロフィールの作り方です。 設置方法 ダッシュボードの「外観」「ウィジェット」をクリックします。 「プロフィール」をクリックして「サイドバー」を選択し、「ウィジェットを追加」ボタンをクリックします。 メモ...
スポンサーリンク