CSS3 の border-radius を使って円形のサムネイルを作る方法２つ
今回の記事では、CSS3の border-radius を使った円形いサムネイルの作り方を２種類紹介します。 まず簡単な方から説明しますが、サムネイル画像が正方形の場合であれば、画像のスタイル border-radius に大きめの値を指定するだけで、丸いサムネイルを作れますね。 <img src="thumb.png" width="150" height="150" style="border-radius:400px;" > サムネイルが長方形の場合 写真が正方形の場合でも、きれいな円にしたい場合は、サムネイルを背景画像（background-image）にすることで実現できます。イメージは↓のような感じです。 HTMLソース サムネイルの幅に合わせたボックスに、サムネイル画像を背景画像として設定し、border-radius で背景画像をクリップします。クリックできるようにする場合
WordPress新着5記事のサムネイル画像リンクをヘッダー部分に横に並べるプラグイン（人柱版）作りました | [Mu]ムジログ
WordPress新着5記事のサムネイル画像リンクをヘッダー部分に横に並べるプラグイン（人柱版）作りました 2012 年 8 月 11 日 – 2:11 PM category Webサイト開発・運営 tags WordPress, プラグイン Comments: 0 Trackbacks: 0 この記事を読むのに必要な時間の目安: 約 4 分 個人的にも導入したかったのですが、必要性に迫られて作っているのですが、どうせなら、といことでプラグイン化前提で作り始めました。 これは最近のブログのいくつかでもよく使われている機能、ヘッダー部分にブログ記事に使われている画像のサムネイルを表示し、それを横に並べてリンクにしている表現、それを実現するプラグインです。 このエントリーを以て、人柱版ということで配布を始めます（実際にはプラグイン名称を変えたり、管理画面をつけたり、カスタマイズ機能などを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
