WEBデザインのTIPSまとめサイト「ウェブネタチョ」

CSSやHTML、javascriptやjQuery、WordPressやプラグインなど、WEBデザインにちょっと便利なTIPSまとめブログ。サイト制作時に見つけた小ネタなどをまとめて紹介します。

チェックボックスにチェックを入れた時に要素に変化を付ける方法

文字色を変更



「Toggle Button」をクリックすると、フォントの色が変わります。






文字色を変更
要素の表示・非表示
要素の横移動
隣合う要素を伸縮

記事へ戻る
スポンサーリンク

サイト内検索

最新の投稿

  • Contact Form 7の「－Please choose an option －」を日本語に変える対応策
  • [WP]Snow Monkey Formsで添付ファイルを安全に！特定拡張子のみに制限する設定術
  • Fancybox v5 で動画ギャラリーの自動再生を確実に停止する（2025年版）
  • [WP]このページは動作していません。リダイレクトが繰り返し行われました。の原因と対処法
  • 【Google】site検索で特定ディレクトリを除外する「除外コマンド」まとめ
  • [WP]サイトヘルスで「ページキャッシュが検出されましたが、サーバーのレスポンスはまだ遅いです」が表示される場合の対処法
  • [WP]All in One SEOのog:site_nameの出力内容を固定ページごとに変える方法
  • [WP]サイトで技術的な問題が発生しています のメールを送信しないようにする方法
  • [WordPress]Contact Form 7のフォーム内のpやbrタグを除去する方法
  • [WordPress]現在の記事の著者IDを取得して記事を絞り込む

Archives

カテゴリー

  • WordPress728
    • WordPress初級編31
    • WordPressプラグイン336
    • WordPress関数27
    • functions.php183
    • カスタムフィールド21
    • カスタム投稿タイプ48
    • 関連・人気記事表示10
    • 管理画面40
  • Bootstrap9
  • HTML30
  • CSS115
    • CSSスニペット27
    • CSSプロパティ34
    • CSS擬似要素・擬似クラス5
  • Javascript・jQuery133
    • jQuery28
    • jQueryプラグイン・ライブラリ61
    • Javascriptスニペット20
  • PHP16
  • Google53
    • SEO9
  • サーバードメインSSL67
    • SSL7
    • サーバー・データベース39
  • WEBサービス23
  • Mac99
    • Macアプリケーション46
  • Windows10
  • スマフォ・iPhone33
  • ソーシャルメディア38
  • IE10
  • Adobe3

タグ

IE6 SSL コメント jQuery UI アイキャッチ Time Machine WP PageNavi Limit Login Attempts シックスコア Akismet Fancybox get_page Feedly jQuery Cookie Exec-PHP Pinterest Status Updater Excel WP PageNavi Style Delete Custom Fields GGReader jQuery Fullscreenr No Self Pings filter -webkit-tap-highlight-color html5shiv get_current_loop_count get_field Redirection 502 post_counter noindex wp_list_comments font-feature-settings Google Adsense ウィジェット Plugin Memorandum Error 1016 Bluetooth php.ini CloudFlare Flexible SSL 固定ページ AdRotate Simple Google Maps Short Code Noto Sans JP SNS Count Cache illustrator maxImage Categories Images WP Weather Hacks Browser Shots Movable Type and TypePad Importer Crazy Bone Chrome jQuery Backstretch Lazy Load Plugin for jQuery max-height -moz-selection page-break-after IETester

人気記事

[Gmail]英語表示になったGmailを日本語表示に戻す方法
31424 views
2017.01.222017.01.22
[CSS]Noto Sans JPのwebフォントを利用する方法
12871 views
2015.01.232024.08.22
.htaccessでコメントアウトの記述方法
3521 views
2014.08.162014.08.16
[CSS]CSS3のtransformで文字を斜めに傾けて表示する方法
2648 views
2013.07.022013.07.02
[CSS]<tr>でborderを使えるようにする方法
2270 views
2014.02.192014.02.19
[CSS]半円を表示する方法（半円上、半円下、半円左、半円右）
2246 views
2018.10.222018.10.22
[CSS]チェックボックスにチェックを入れた時に要素に変化を付ける方法
1707 views
2013.01.252013.01.25
Firefoxで「安全な接続ではありません」のエラーを回避する方法
1549 views
2016.07.262018.01.07
[AI]不明なエラーのため操作を完了できません。Cantエラーが表示される場合の対処法
1508 views
2016.06.222016.06.22
[CSS]pointer-eventsで<a>タグのリンクを無効化する方法
1459 views
2012.12.262012.12.26
WEBデザインのTIPSまとめサイト「ウェブネタチョ」
  • このサイトについて
  • プライバシーポリシー
  • お問い合わせ
© 2019-2025 WEBデザインのTIPSまとめサイト「ウェブネタチョ」.
  • ホーム
  • トップ