QHMの新世代のホームページ作成ソフト|簡単と安心で初心者に高評価、比較して見て下さい。

画像の上にテキストを書く方法|QHMユーザーの為のカスタマイズ

画像の上にテキストを書く方法




お好みの画像の上に、文字を重ねて表示する方法です。
画像枠などを使うことで、見栄えの良いコンテンツになると思います。

通常通りに「おまじない」も使うことも可能です。




イメージサイト


画像の上に、文字を重ねて表示する方法

  1. コンテンツに合わせた幅で画像を作成します。
  2. 「GIF,PNG,JPG」等で保存して「SWFU」でアップロードします。
  3. 以下のコードをページ内に書きます。
    様々なページで利用したければ「ナビ2」に記載する
    特定のページのみであれば、ページに記載します。

コード

#beforescript{{
<style type="text/css">
<!--
.box1{
background-image:url(swfu/d/画像ファイル名);
background-repeat: no-repeat;
width: 600px;
padding: 40px 100px 40px 60px;
}
-->
</style>
}}

記載する際は、「画像ファイル名」を変更してください。
「width,padding」は、適当に調整してください。

4. コンテンツに(画像を使いたいページ)に下の「おまじない」を記述して、ページを作成します。

#html2(<div class="box1">)
ここに文章などを書きます。
通常通り、「おまじない」も適用します。
画像を挿入することも可能です。
#html2(</div>)

画像に合わせたページ作成になると思います。
上記の「おまじない」は、複数使うこともかのうです。




このページは役に立ちましたか?

選択肢 投票
大変役に立った 2  
多少役に立った 0  
解かりづらかった 0  
まったく必要ない 0  




自動スパムコメントの回避の為、認証コードの4桁の数字を記入して下さい。




a:2825 t:1 y:0

powered by HAIK 7.2.6
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional