ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > 使える?小技 > title - 画像に波をつけるには?一括編

画像に波をつけるには?一括編

あらかじめ波の形を決めてスタイルシートに登録しておくだけで、実際に使うときに簡単に使える方法を紹介します。


画像に簡単に波をつける方法

まずテンプレートの設定からスタイルシートの編集を開きます。

開いたらスタイルシートを一番下までスクロールさせて、一番下に書かれているタグから一行あけて
.好きな名前{
width;100%:
padding:数値px;
filter: wave(freq=数値, strength=数値, lightstrength=数値);}

などの様に自分で表示させたいように決めて記入します。

そして、画像を使う新しい記事を書く時に少し手を加えます。
画像を選ぶと、

<a href="http://blog~~~.jpg" target="_blank">
<img src="http://~~~.jpg" alt="画像の名前.jpg" border="0">
</a><br clear="all">

この様に記入されますが、波を使いたい時はこの前後に、
<div class="さっきつけた好きな名前">~~~</div>
を付け加えます。


<div class="さっきつけた好きな名前">
<a href="http://blog~~~.jpg" target="_blank">
<img src="http://~~~.jpg" alt="画像の名前.jpg" border="0">
</a><br clear="all"></div>

つまり、この様になります。

反対に波をつけたくない時は、何もつけずにいつもの様にそのまま画像を使います。

例えば名前を「nami」にして波の回数が2回で波の横幅が3で光の強さが20の画像をつくりたいなら、
.nami{
padding:0px 10px;
filter: wave(freq=2, strength=3, lightstrength=20);
}
と指定して
波をつけたい画像を使う時に、
<div class="nami">~~~</div>
とします。

画像を使う時に少し面倒ですが、この語句を辞書登録しておけば全然苦にならないと思います。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/373-ed46f2aa   

Template Designed by DW99