WEB MEMO 2015.12.11 2021.10.10 CSS テキストシャドウで文字を縁取る KOSAERU WEB MEMO CSS text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合 WEB MEMO CSS Share Article :
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-685c086146dc7592334313/] ▼例:以下のようなことがでけました。 …
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-685c086146eb9904966953/]
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress プラグインPopular Postsを任意の場所に設置するテンプレートタグ 2016.02.12 2023.06.22 WordPressでページビュー数をカウントしてランキング表示を簡単にしてくれるプラグイン「Wordpress Popular Posts」。 プラグインをインストールするとウィジェットの場合、すぐに設置できるけど、任意の場所に設定したいことがありませんか? そんな時は、以下…
WordPress 冒頭文を文字数制限して出力 2015.12.14 2021.10.10 [crayon-685c086148e63247100561/] ↑ の「70」の部分をイジることで、文字数が変わりまつ。
CSSでレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-685c086148ebe779890590/]
WordPress […] を消す 2016.02.23 2021.10.10 ▼functions.phpに以下のコードを追加 【出力】冒頭文 [crayon-685c086148f1a520807727/] 【2行目】「'」シングルクォーテーションの間に任意の文字を書くこともでける。 【出力】冒頭文…続きを読む [crayo…
WordPress ソーシャルボタンをプラグインなしで設置 2016.03.15 2021.10.10 ME Wordpressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね? ME ただし!プラグインをインス…
WordPress リンク付orリンク無しカテゴリ名の出力 2017.03.23 2023.06.22 リンク付きのカテゴリ名を出力 複数のカテゴリ選択していても可 [crayon-685c086148fef585989201/] リンク無しのカテゴリ名を出力 カテゴリを複数選択していても出力されるのは一つ [crayon-685c086148ff0544838664…