CSSだけで画像に装飾を施す（半透明キャプション/画像を重ねる）
サンプル
逆襲ガノトトス 音爆弾投げてみた。
|
ライオン 昼寝中 |
javaスクリプトに慣れてくると、なんてもスクリプトでどうにかしてしまいそうになるのですが、スタイルシートだけでもこんなキャプションをつけたり、画像を重ね合わせて装飾を施すことが出来ます。
サンプルでは、左上に画像を重ねて、真下に半透明なキャプションをつけています。
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート コリス
↑こちらで半透明キャプションのやり方が説明されています。
↑こちらで半透明キャプションのやり方が説明されています。
スタイルシート（CSS） 画像の重ね合わせ・重ねる順番指定（z-index）
↑画像の重ね方についてはこちらを参照。
↑画像の重ね方についてはこちらを参照。
2008/12/23 06:20 | 何でも挑戦！ブログカスタム | COMMENT(0) | TRACKBACK(0) TOP
この記事を読んだ人はこんな記事も読んでます。
Loading
最新記事
最近記事一覧
- しばらく放置していました。 (06/06)
- mootoolsでLightBoxを再現したプラグイン (QuickBox) (03/27)
- NOKIAのスタイリッシュなヘッドホンを、実際に作った人がいるようです。 (03/26)
- 複数ギャラリーをひとまとめ！くるくると回転するギャラリー (ZenFlashGallery) (03/25)
- トリック決めた後に爆破！過激な演出！Heaven SkateBoard のDVDがやばい！ (03/24)
- 空中浮遊型アコーディオンプラグイン (jquery mbContainerPlus 1.5.2) (03/23)
- 朝起きれない人、目覚まし時計を買う前にちょっと物置とか探ってみよう! (03/22)
- 2次元萌えなグラフィックのスケートボート (HOOK UPS) (03/21)
- mootoolsを使用した、シンプルで機能豊富なスライドショー (rokslideshow) (03/20)
- アイコン画像が拡大回転縮小するメニュー (CornerDock) (03/19)
- パノラマ画像を気持ちよくスライドさせるプラグイン (jquery-virtual-tour) (03/18)
- リンクやテキストに、画像プレビューが付けられるプラグイン (imgPreview) (03/17)
- 手軽にカバーフローギャラリーをブログに設置 (PhotoFlowGallery) (03/16)
- 32bit環境を手に入れるために、仮想マシンを作ってみる。(まとめ編) (03/15)
- 32bit環境を手に入れるために、仮想マシンを作ってみる。 (03/15)
- やわらかな動きが気持ちいいスライドショープラグイン (PikaChoose_2.4) (03/12)
- jQuery好きならLightBoxさえもjQueryプラグインで！ (slimbox-2) (03/11)
- 簡単で直ぐに使えるコンテンツスライドプラグイン (easyslider1.5) (03/10)
- 豊富なオプションと、使いやすさを備えたツールチップ (BeautyTips) (03/09)
- GoogleRSSリーダーをFirefoxアドオンでカスタム!超快適にする！ (03/08)
フリーエリア
お世話になってるサイト
お世話になってるサイト
稀によくあるブログ
MHF INDEX
- MHF LINKS
-
CAPCOM：MHF公式メンバーサイト
ハンゲーム：MHF公式ビギナーサイト
MHF猟団ＦｒｅｅＤｏｍ の小道具部屋
MHF Wiki - MHF Wiki
- MHF関連記事まとめ
-
カウンター
更新する人
ブックマーカー
Powered by SEO対策
トラックバック Trackback URL
この記事にトラックバックする(FC2ブログユーザー)