Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-6a21e83ef1042615119930/]
CSS テーブルの列幅を均等にする
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-6a21e83ef10b9096563100/]
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-6a21e83ef112516…
関連するカテゴリの記事
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6a21e83ef2ccc229704303/] ▼例：以下のようなことがでけました。 …
WordPress、パンくずリストを設置
SEO対策にマストな「パンくずリスト」。 ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…
WordPress ウィジェットの追加
WordPressのダッシュボードからサイトの色んな情報を表示することができる「ウィジェット」。 サイドバーで最新記事、最新コメント、アーカイブなんかを表示する方が多いと思います。 このウィジェットはテーマファイル内のfunctions.phpに書き加えることで色…
WordPress 条件分岐｜wp_is_mobile()でPCとスマホで表示内容を変更
CSSイジってブレイクポイントで表示非表示を調整することはできるんだけども、この条件分岐も覚えておくと便利な時があります。 例えば、PCとスマホで大きくデザインを変えたい時なんかに使っています。 ▼スマホとPCで異なるものを表示したい場合 [crayon-6a21e…
WordPress 検索結果のヒット件数を表示するコード
WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。 ソース [crayon-6a21e83ef2ef3990504827/] ▼参考例 [crayon-6a21e83ef2ef799224…
