QHM HAIKで画像の上に文字を表示させる

こちらでご紹介する「おまじない」は、Web制作会社が作成したようなサイトにする「おまじない」です。

この「おまじない」を入れてサイトを作ると、『なかなかこいつやるな!!』って感じになるので是非入れる機会があったら使ってみて下さい


目次

スポンサーリンク


まずは、実際にどのような感じになるか見てみましょう


これは、まだ何もしていない状態の画像となります。

PCビジネス PC


こちらの画像上に文字を記入するとこの様になります

実際に文字を記入した状態がこちらです。
この「おまじない」を使うと、少しプロっぽい感じになるかと思います。


上記の「おまじない」は、こちらになります

#section(ここに画像を挿入,,画像の高さを記入 例450){{ 
ここに文字を書く  
}}

コピペして使ってね!!

分かりにくい方の為に上記画像の実際の「おまじない」はこちらとなります。何が違うか上の「おまじない」と比較してみると分かりやすいかと思います。

#section(auto-IwssrU.jpg,,450){{
&deco(#FFFFFF){実際に文字を記入した状態がこちらです。};
&deco(#FFFFFF){この「おまじない」を使うと、少しプロっぽい感じになるか   と思います。};
}}


※画像の中の文字の色を変える為に

&deco(#FFFFFF){};

という「おまじない」も入っていますよ


スポンサーリンク

画像を固定してさらにカッコよくする

さらに、もう少し手を加える場合は画像を固定してしまう方法もあります。画面をスクロールすると画像は固定されているので、今までとはまた違った感じがするはずです。


画像を固定し、文字が動くような感じになります。
あなたのアイデア次第で色々な使い方が出来ると思います。

でこちらの「おまじない」が、これになります。先ほどの「おまじない」に1つ加えるだけで良いんです!!

#section(ここに画像を挿入,,画像の高さを記入 例450,fix){{ 
ここに文字を書く  
}}

コピペして使ってね!!



先ほどのおまじないに、今度は「fix」をいれるとこの様に画像が固定された状態になります

こんな感じのサイトですと、素人っぽさが無くなり良い感じのホームページになりますね。


関連ページ

スポンサーリンク


「おまじない」関連ページ