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

雛形１


    毎度毎度言いますが、以前は日記でTABLEが使えませんでした。
    そのため、STYLEシートでボックスを作りまして、TABLEモドキで色々作っていましたが・・・・
    依然作りました、ボックスのTABLEモドキを、正規のTABLEに直してみます。
    スクロールボックスだけは、STYLEシートのボックスです。

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


    右のボタンの画像をクリックしますと
    大きなＷＥＢ画像で表示されます。
    消す時は×マークをクリックしてね
    此処に文字を入れます。　
    此処に文字を入れます。
    此処に文字を入れます。
    此処に文字を入れます。

【画像１】　　　【画像２】　　　【画像３】


【画像４】　　【画像５】　　　【画像６】　


↑これのタグは、↓これです。

<table bgcolor="全体の背景色はここに" background="http://背景画像のURLはここ" cellspacing="0" cellpadding="30" width="100%" align="center" style="border-style:double;border-width:3px;border-color:black;cursor:"><tr><td bgcolor="" align="center"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" style="text-align:left;cursor:help;font-size:15px;line-height:1.3em;color:black;font-family: Comic Sans MS;"><TR><TD ALIGN="center"><IMG src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg " width="250" height="188" style="border-style:ridge;border-width:10px;border-color:pink;"></TD><TD><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white; scrollbar-track-color:pink;width:100%;height:200px;text-align:left;">
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></CENTER></TD></TR><TR><TD>
<CENTER style="border-style: solid;border-width:1px;background:pink;width:100%;height:200px;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;text-align:left;"><UL>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">右のボタンの画像をクリックしますと</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">大きなＷＥＢ画像で表示されます。</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">消す時は×マークをクリックしてね</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></UL></CENTER></TD><TD ALIGN="center">
【画像１】 【画像２】 【画像３】
<A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg " width="75" height="56" border="0"></B></A><A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg " width="75" height="56" border="0"></B></A><A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg " width="75" height="56" border="0"></B></A>

【画像４】 【画像５】 【画像６】
<A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg " width="75" height="56" border="0"></B></A><A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg " width="75" height="56" border="0"></B></A><A HREF=" http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg " TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src=" http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg " width="75" height="56" border="0"></B></A></TD></TR></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></TD></TR></TABLE>

© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: