Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS テーブルの列幅を均等にする
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-693f9d6e24941659933402/]
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-693f9d6e24ae553…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
関連するカテゴリの記事
Bootstrapドロップダウンメニューをマウスホバーで展開する
Bootstrapのドロップダウンメニューはクリックでないと展開しないのをマウスホバーで展開する方法をご紹介！ JavaScript [crayon-693f9d6e287ea481674802/] HTML [crayon-693f9d6e287f0219…
WordPress – foreach文で最初の１件目だけ表示を変える方法
ME 投稿一覧の最初の1件目だけ以下のようにしたいってことありませんか？ ・サムネイル画像を大きくしたい ・カラムサイズを変えたい ・フォントサイズを変えたい ・単純に目立つようにしたい こんな時に使えるWordPress Tipsをご紹介！ …
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
WordPress 問い合わせフォームのプラグインMW WP Formの自動返信メールに送信日時を設置
WordPressのプラグインMW WP Formの問い合わせフォームから問い合わせいただいた方に、問い合わせした日時を自動返信メールに表示させる方法。 公式サイトに記載はあるものの、要点があったのでメモっときます。 functions.phpに以下のソースを記載…
ソースコードを綺麗に表示するhighlight.jsの簡単設置方法
▼フッターに以下のコードを書く [crayon-693f9d6e28a5c457283600/] ▼表示方法 ハイライトさせたいソースコードを以下のタグで囲む。 <pre><code>ソースコード</code></pre> …
WordPress post_class()に任意の独自クラスを追加する方法
WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-693f9d6e28acc272977599/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…
