沖縄とトールペイントが大好きでQuick Homepage Makerでのサイト作りに奮闘中！

色々なタイプの文字の回りこみ

Top / QHMReferenceBook / 文字の回りこみ

文字の回りこみ

HTMLタグに文字を回り込ませる。 

#html{{
<div style="float:right;margin-left:0px">
ここにHTMLタグを書く 
</div>
回り込ませる文字を書く
<div class="clear"></div>
}}
回り込む文字を終わらせて次の文字
  • right leftを入れ替えると回り込みが逆にできる。
  • pxの数字を変えるとHTMLタグと文字との隙間を変えることが出来る。
    【例】


greyboxに文字を回り込ませるおまじない 

#html2(<div class="img_margin_left" style="float:left;">)
&greybox(http://blog.yunahana.com/swfu/d/ファイル名.JPG,アンパンマン,anpanman2){&ref2(swfu/d/anpanman.JPG,nolink,クリックしてみて！);};
&greybox(http://blog.yunahana.com/swfu/d/ファイル名.JPG,カリッ！,anpanman2){ };
&greybox(http://blog.yunahana.com/swfu/d/ファイル名.JPG,ポリッ！,anpanman2){ };
&greybox(http://blog.yunahana.com/swfu/d/ファイル名.JPG,ごちそうさま〜♪,anpanman2){ };
#html2(</div>)
あああああああああああああああああ
いいいいいいいいいいいいいいいいい
ううううううううううううううううう
えええええええええええええええええ
#clear
  • このようになる

クリックしてみて！


あああああああああああああああああ
いいいいいいいいいいいいいいいいい
ううううううううううううううううう
えええええええええええええええええ


lightbox2に文字を回り込ませる。 

#html2(<div class="img_margin_left" style="float:left;">)
&lightbox2(swfu/d/ファイル名.JPG,ペティキュア,group){&ref2(swfu/d/ファイル名.JPG,nolink,60%,ペティキュア);};
#html2(</div>)
回り込ませる文字を書く
ああああああああああああ
回り込みを終わらせたい所で
【#clear】を入れる。
#clear
回り込む文字を終わらせて次の文章を書く。

ペティキュア

回り込ませる文字を書く
ああああああああああああ
回り込みを終わらせたい所で
【#clear】を入れる。

回り込む文字を終わらせて次の文章を書く。


リンクした画像に文字を回り込ませるおまじない 

#html2(<div class="img_margin_left" style="float:left;">)
[[&ref2(画像パス,around,,画像の説明);>リンク先ページ名やURL]]
#html2(</div>)
回り込ませる文字
#clear

Quick Homepage Maker

Quick Homepage Makerの良さを紹介しています。初心者でも分かりやすくとっても使いやすいツールです！
ヘルプサイトも丁寧で分かりやすく、プロ並みのサイトがきっとあなたにも出来るでしょう！ユーザーフォーラムもとっても充実していて、分からない事など結構解決します！


ページトップへ


A:4441 T:1 Y:0