css

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~3 of 3 posts