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

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2005/02/10

【画像を縦に並べたもの！】┗（-＿-;）┛

(7)

テーマ：【日記の雛形】(21)

カテゴリ：【日記の雛形！】

アフリエートやデジカメ写真のアルバムに！

今回は前回横に並べた画像を縦に並べてみました。
前回は３列３行のセルで出来ていました。
今回は２列４行のセルで出来ています。

タグを書くのが遅れまして、申し訳ありません。

最近は休みになりますとどうも野暮用が増えまして、
落ち着いてパソコンに向かえないでいます。
この三連休・・・・一度もPCを開けませんでした・・・（〃_ _）σ

前回同様、スタイルシートで画像にフイルタをかけています。
画像の　WIDTH（幅）は　２００Pxを目どにお使いください。
あまり大きな画像を入れますと、TABLEが崩れてしまいます。
画像のURLだけを変える事をおすすめします。

背景色や枠の色は、わかりやすいようにボールド（強調）しておきます。
カラーネーム（REDとかBLUE）やカラーコード（#FBFDBBとか#FFFFFF）を入れてお好きに変えてみてください。
タグは全て半角英数字ですよ！(￣^￣)b

罫線は背景画像になっております。
いつも言うことなのですが、テキストを書きませんと罫線は出てきません。

罫線を使った日記の雛形は、↑日記の一番上のインフォメーションにリンクしてあります。

TABLEが判る方は、セルをどんどん増やせます。
色々やってみてくださいませ！
カラーを少し変えるだけでTABLEの感じがガラっと変わります。

次回もまた、この雛形の違ったバリエーションをやってみたいと思います。(￣‥￣)=3 ﾌﾝ
では！
........((((ヘ＿＿)ヘ　カサコソカサコソ

<TABLE ALIGN="center" BORDER="0" CELLSPACING="10" CELLPADDING="0" WIDTH="550" HEIGHT="" BORDERCOLOR="" bgcolor=" #FBFDBB " style="cursor:help;border-style:double;border-color: pink ;border-width:10px;"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;"><TR><TD COLSPAN="2" bgcolor=" #BD6FB4 " width="100%" height="10"><CENTER><FONT COLOR=" #FFFFFF ">アフリエートやデジカメ写真のアルバムに！</FONT></CENTER></TD></TR><TR><TD ALIGN="center" width="40%" height="" bgcolor="" ><IMG SRC=" http://plaza.rakuten.co.jp/img/user/65/14/1286514/72.jpg " width="200" style="filter: alpha(style=3)"></TD><TD ALIGN="center" width="60%" height="200" bgcolor="" ><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color: #FBFDBB ;scrollbar-arrow-color: #FBFDBB ;scrollbar-face-color: #FBFDBB ;scrollbar-track-color: #FBFDBB ;width:100%; height:100%;text-align:left;"><TABLE width="90%" height="" align="center" border="0"><TR><TD background="http://gtone.k-server.org/img2/hasen4.gif"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color: blue ;font-family: Comic Sans MS;">
ここにテキストを書きます。
テキストを書きませんとスクロールバーも罫線背景も出てきません。
スペースや<BR>を入れてもOKです。
</FONT></TD></TR></TABLE></CENTER></TD></TR><TR><TD ALIGN="center" width="40%" height="" bgcolor=" pink "><IMG SRC=" http://plaza.rakuten.co.jp/img/user/65/14/1286514/72.jpg " width="200" style="filter: alpha(style=2)"></TD><TD ALIGN="center" width="60%" height="200" bgcolor=" pink "><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color: pink ;scrollbar-arrow-color: pink ;scrollbar-face-color: pink ;scrollbar-track-color: pink ;width:100%; height:100%;text-align:left;"><TABLE width="90%" height="" align="center" border="0"><TR><TD background="http://gtone.k-server.org/img2/hasen3.gif"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color: #FF0080 ;font-family: Comic Sans MS;">
ここにテキストを書きます。
テキストを書きませんとスクロールバーも罫線背景も出てきません。
スペースや<BR>を入れてもOKです。
</FONT></TD></TR></TABLE></CENTER></TD></TR><TR><TD ALIGN="center" width="40%" height="" bgcolor="" ><IMG SRC=" http://plaza.rakuten.co.jp/img/user/65/14/1286514/72.jpg " width="200" style="filter: alpha(style=3)"></TD><TD ALIGN="center" width="60%" height="200" bgcolor="" ><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color: #FBFDBB ;scrollbar-arrow-color: #FBFDBB ;scrollbar-face-color: #FBFDBB ;scrollbar-track-color: #FBFDBB ;width:100%; height:100%;text-align:left;"><TABLE width="90%" height="" align="center" border="0"><TR><TD background="http://gtone.k-server.org/img2/hasen2.gif"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color: black ;font-family: Comic Sans MS;">
ここにテキストを書きます。
テキストを書きませんとスクロールバーも罫線背景も出てきません。
スペースや<BR>を入れてもOKです。
</FONT></TD></TR></TABLE></CENTER></TD></TR></FONT></TABLE>
<DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV>

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