ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2003/12/13

　　　　今日は【日記の雛形　Ⅱ】を少し変えてみました。
　　　　画像の横に説明を書けるようにしてアルバムのようにしてみました
　　　　横に画像のボックスとテキストのボックスを並べています。
画像とテキストの行は何行でも増やせます。
　　　　コピー＆ペイストで画像の枚数だけ増やしてください。
　　　　字数制限に引っかからない程度に・・・

此処に文字を入れます。　
此処に文字を入れます。
此処に文字を入れます。
此処に文字を入れます。

此処に文字を入れます。　
此処に文字を入れます。
此処に文字を入れます。
此処に文字を入れます。

　　　　タグは↓これです。
緑色のタグが横一行の２個のボックスのタグです。
青色のタグが二行目のボックスのタグです。
　　　　お好きに増やしてみてください。

<center style="background-image: url(～背景画像のＵＲＬ～);border-style:solid;border-width:1;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white; scrollbar-track-color:pink;width: 90%;height: 500;">

<IMG SRC="～画像のＵＲＬ～" width="200" height="150">　　　
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">


<B style="border-style: solid;border-width:1;background:pink; width: 45%; height:170;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;
scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;">
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1;border-color:blue; width: 90%;">
　　　　<IMG SRC="～画像のＵＲＬ～" width="200" height="153">

<a href=http://></a></center>

画像の幅と高さを指定しています。
　　　　画像によっては縦横の対比率が異なります。
　　　　タグが少しわかっている人は、画像によって対比率を変えてください。
　　　　初心者の人は・・・・とりあえずこのまま使うことをおすすめします。(￣m￣*)V
　　　　詳しい説明は【日記の雛形　Ⅱ】に行ってみてくださいませ。

　　　　では！・・逃げ・・ε＝ε＝ε＝（┌￣）┘ダッシュ！　　【プチ講座メニュー】はこちらから！

お気に入りの記事を「いいね！」で応援しよう