* KAORのブログ講座 *

画像を記事の外に表示する方法（かんたんモード）

画像を記事の外に表示する方法

かんたんモードを使って画像を記事の外に表示する方法を紹介します。

 

使用例

 

記事の右にある画像をご覧ください。

 

 

 

HTMLソース

<div style="background:url(http://画像URL) repeat-y left top;
position:absolute;left:585px;
width:○○px;height:××px;">
</div>

※width:○○px;height:××pxに入る数値は画像の大きさに合わせて調整してください。

 

作成方法

１．上記HTMLソースをコピーし、メモ帳などのエディタに貼り付ける。

２．拡張子を「.html」とし、名前を付けて保存する。

３．保存したファイルを開き、右クリック→すべて選択→右クリック→コピー

　　※ショートカットキーCtrl+A→Ctrl+Cでも可。

４．ブログの新規投稿でかんたんモードを選び、本文に貼り付ける。

 

完成品

使用例のソース

 

<div style="background:url(http://img2.blogs.yahoo.co.jp/ybi/1/c6/17/gpiegsdvuxjcvweguw/folder/976431/img_976431_23376737_0?1297090687) repeat-y left top;
position:absolute;left:585px;
width:180px;height:120px;">
</div>

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=gekiden&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 http://www28.atpages.jp/yblninja/ninja.php

http://x7.byoubu.com/bin/ll?10430840nhttp://www.tokyovalley.com/yahoo_blog/article/article.gif

画像を背景にする方法（かんたんモード）

画像を背景にする方法

 かんたんモードを使って文字の背景に画像を載せる方法を紹介します。

 

使用例

 

 

ここに文字を入れてください

ここに文字を入れてください

ここに文字を入れてください

ここに文字を入れてください

ここに文字を入れてください

ここに文字を入れてください

 

 

HTMLソース

<div style="background:url(http://画像アドレス);
font-size:●pt;color:#■■■■■■;
font-family:○○○○○○;">
<div align="▲">
文章
</div></div>

●・・・文字サイズ(半角数字)　※標準の大きさが8程度。サイズは数字の大きさに比例。
■■■■■■・・・カラーコード6桁(半角英数字)
▲・・・文字位置情報(半角英字)
○○○○○○・・・フォント種別

 

作成方法

１．上記HTMLソースをコピーし、メモ帳などのエディタに貼り付ける。

２．拡張子を「.html」とし、名前を付けて保存する。

３．保存したファイルを開き、右クリック→すべて選択→右クリック→コピー

　　※ショートカットキーCtrl+A→Ctrl+Cでも可。

４．ブログの新規投稿でかんたんモードを選び、本文に貼り付ける。

 

完成品

使用例のソース

<div style="background:url(http://img2.blogs.yahoo.co.jp/ybi/1/c6/17/gpiegsdvuxjcvweguw/folder/976431/img_976431_23376737_1?1297090687);
font-size:12pt;color:#000000;
font-family:ＭＳ Ｐゴシック;">
<div align="center">
文章
</div></div>

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://www.tokyovalley.com/yahoo_blog/article/article.php

http://www.tokyovalley.com/yahoo_blog/article/article.gif

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=j00v1961&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084

 

 

 

 

 

 

 

 

 

 

 

 

 

 http://www28.atpages.jp/yblninja/ninja.php

 

http://x7.byoubu.com/bin/ll?10430840d