Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-6a3c72d07488d265678891/]
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-6a3c72d074ae4782792499/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
関連するカテゴリの記事
WordPress プラグインを使用しないでページビューランキングを表示を表示
ME 記事詳細ページの閲覧回数をデータベースにカウントして、それを表示させる方法をご紹介！ １．functions.phpに以下のコードを書く [crayon-6a3c72d07624e336102347/] ２．表示させたい場所に以下のコ…
Bootstrap v3 スマートフォンの時だけ改行／表示
ME PCサイトだと改行にいたらない文章量なので気にならない改行位置が、スマホサイトだとどうしても横幅が狭くなるので任意の場所で改行させることで見た目を調整したくなる時に便利です。 ME 【注意】こちらBootstrap3…
WordPress 次の記事、前の記事リンクにclassを追加する方法
以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-6a3c72d0763d8272639678/] ▼functions.phpに以下のコード…
WordPress YouTube動画をレスポンシブ対応
①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…
WordPress 検索結果のヒット件数を表示するコード
WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。 ソース [crayon-6a3c72d07643e147009016/] ▼参考例 [crayon-6a3c72d07644133137…
WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法
WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。 テンプレート内に以下のよう書きます。 …
