css

CSSだけで作るレスポンシブ日本地図

CSSだけで作るレスポンシブ日本地図 - thumbnail

Index

  • レスポンシブデザインでモバイルでもレイアウトが崩れないCSSだけで実現するクリッカブルな日本地図が欲しい。
  • ダウンロード
  • html
  • css
0 comments

bodyクラスに投稿/カテゴリの所属スラッグをすべて付与する

bodyクラスに投稿/カテゴリの所属スラッグをすべて付与する - thumbnail

bodyとpostクラスに所属カテゴリのスラッグを付与したい。 だいぶ前に「投稿が所属するカテゴリの先祖や子孫を取得するあれこれ。」という記事を書きましたがそこそこアクセスがあったので、実用レベルでよく使うアレンジも紹介しておきます。functions.phpに入れるだけで動きます。正確には、使用テーマのテンプレートでbody_classとpost_classを使用していれば動きます。 実...

0 comments

画像を背景指定せずにCSSだけでクロップする方法

画像を背景指定せずにCSSだけでクロップする方法 - thumbnail

Index

  • 画像を背景指定せずにCSSだけで正方形に切り抜く。
  • 写真をdivの中央からカバーするサイズで配置する。
  • DEMO
0 comments

dottedなどのborder要素をグラデーションさせる。

拙ウェブサイト内の画像をつかった装飾箇所をcss3とかwebfontとかに置き換えていたところ、表題の件に行き当たりました。今更画像を使うのも嫌なので擬似的な手段ですがcssで処理。ボーダーを引きたい要素に直接ボーダーを充ててもよいのですが、そうするとその要素のposition:relativeの位置がボーダーの内側になりますので、そのぶん修正が必要になります。親要素にrelativeを指定して、...

0 comments

1~4 of 4 posts