れびうぶろぐ　@楽天ブログ

れびうぶろぐ　@楽天ブログ

ページテンプレ3-2

HOME > テンプレート > ページテンプレ3-2

更新履歴
内容

タイトル1
文章やテキストリンクなど1

タイトル2
文章やテキストリンクなど2

タイトル3
バナーなど
横幅150まで
タイトル
文章やテキストリンクなど1
文章やテキストリンクなど2
文章やテキストリンクなど3
文章やテキストリンクなど4
文章やテキストリンクなど5
タイトル
文章やテキストリンクなど6
文章やテキストリンクなど7
文章やテキストリンクなど8
文章やテキストリンクなど9
文章やテキストリンクなど10

タイトル
画像1

コメントなど
画像2

コメントなど
画像3

コメントなど
画像4

コメントなど
画像5

コメントなど
画像6

コメントなど
画像7

コメントなど
画像8

コメントなど
画像9

コメントなど
画像10

コメントなど
画像11

コメントなど
画像12

コメントなど
画像13

コメントなど
画像14

コメントなど
画像15

コメントなど
画像16

コメントなど
画像17

コメントなど
画像18

コメントなど
画像19

コメントなど
画像20

コメントなど
画像21

コメントなど
画像22

コメントなど
画像23

コメントなど
画像24

コメントなど
画像25

コメントなど

タイトル
自由枠
template作成　 やすたろ～
HOME > テンプレート > ページテンプレ3-2




まずは こちら の画像をダウンロードしてください。
このテンプレートはダウンロードした画像を使用することで完成します。
ダウンロードした画像は画像倉庫にアップし、使うテンプレの色にあった物を 画像のURL というところに画像のURLを挿入してください。
(http://から始まるやつです。<imgの部分からではありません。)

テンプレの色はソースを囲っている枠の色と同じ色の物です。

クイック！テンプる
<table><tr><td><table border="0" width="600"><tbody><tr><td width="150" align="center" valign="top">
<table border="0" cellspacing="0" style="width:150px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
更新履歴
</th></tr><tr><td width="150"><div style="overflow:scroll;scrollbar-base-color:#e0ffe0;width:98%;height:150px;margin:0px;text-align:left;padding:3px">
内容
</div></td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル1
</th></tr><tr><td height="150" align="center" valign="top" style="padding:3px">
文章やテキストリンクなど1
</td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル2
</th></tr><tr><td height="150" align="center" valign="top" style="padding:3px">
文章やテキストリンクなど2
</td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル3
</th></tr><tr><td height="400" align="center" valign="top" style="padding:3px">
バナーなど<br>横幅150まで
</td></tr></tbody></table></td><td valign="top" align="center"><table border="0" cellspacing="0"><tr><td width="225" align="left">
<table border="0" cellspacing="0" style="width:220px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど1
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど2
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど3
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど4
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど5
</td></tr></tbody></table></td><td width="220" align="right">
<table border="0" cellspacing="0" style="width:225px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど6
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど7
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど8
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど9
</td></tr><tr><td align="left" style="border-top:3px dotted #b4ffc9">
文章やテキストリンクなど10
</td></tr></tbody></table></td></tr></table><br>
<table border="0" cellspacing="0" style="width:450px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr align="center"><th style="padding:3px" colspan="5" align="center">
タイトル
</th></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9;border-top:1px solid #b4ffc9">
画像1<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-top:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像2<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-top:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像3<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-top:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像4<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-top:1px solid #b4ffc9">
画像5<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像6<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像7<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像8<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像9<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9">
画像10<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像11<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像12<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像13<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像14<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9">
画像15<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像16<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像17<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像18<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9;border-right:3px dotted #b4ffc9">
画像19<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #b4ffc9">
画像20<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-right:3px dotted #b4ffc9">
画像21<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #b4ffc9">
画像22<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #b4ffc9">
画像23<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #b4ffc9">
画像24<br><br>コメントなど
</td><td height="120" width="90" align="center">
画像25<br><br>コメントなど
</td></tr></tbody></table><br>
<table border="0" cellspacing="0" style="width:450px;border:1px solid #b4ffc9;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#f7fff9;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td height="150" align="left" valign="top" style="padding:3px">
自由枠
</td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td align="right"><font size="1">template作成　<a href="http://plaza.rakuten.co.jp/dododon/">やすたろ～</a></font></td></tr></table>


クイック！テンプる
<table><tr><td><table border="0" width="600"><tbody><tr><td width="150" align="center" valign="top">
<table border="0" cellspacing="0" style="width:150px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
更新履歴
</th></tr><tr><td width="150"><div style="overflow:scroll;scrollbar-base-color:#ffd0d0;width:98%;height:150px;margin:0px;text-align:left;padding:3px">
内容
</div></td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル1
</th></tr><tr><td height="150" align="center" valign="top" style="padding:3px">
文章やテキストリンクなど1
</td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル2
</th></tr><tr><td height="150" align="center" valign="top" style="padding:3px">
文章やテキストリンクなど2
</td></tr></tbody></table><br><table border="0" cellspacing="0" style="width:150px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル3
</th></tr><tr><td height="400" align="center" valign="top" style="padding:3px">
バナーなど<br>横幅150まで
</td></tr></tbody></table></td><td valign="top" align="center"><table border="0" cellspacing="0"><tr><td width="225" align="left">
<table border="0" cellspacing="0" style="width:220px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど1
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど2
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど3
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど4
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど5
</td></tr></tbody></table></td><td width="220" align="right">
<table border="0" cellspacing="0" style="width:225px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど6
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど7
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど8
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど9
</td></tr><tr><td align="left" style="border-top:3px dotted #ff0000">
文章やテキストリンクなど10
</td></tr></tbody></table></td></tr></table><br>
<table border="0" cellspacing="0" style="width:450px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr align="center"><th style="padding:3px" colspan="5" align="center">
タイトル
</th></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000;border-top:1px solid #ff0000">
画像1<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-top:1px solid #ff0000;border-right:3px dotted #ff0000">
画像2<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-top:1px solid #ff0000;border-right:3px dotted #ff0000">
画像3<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-top:1px solid #ff0000;border-right:3px dotted #ff0000">
画像4<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-top:1px solid #ff0000">
画像5<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像6<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像7<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像8<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像9<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000">
画像10<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像11<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像12<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像13<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像14<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000">
画像15<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像16<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像17<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像18<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000;border-right:3px dotted #ff0000">
画像19<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-bottom:1px solid #ff0000">
画像20<br><br>コメントなど
</td></tr><tr>
<td height="120" width="90" align="center" valign="middle" style="border-right:3px dotted #ff0000">
画像21<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #ff0000">
画像22<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #ff0000">
画像23<br><br>コメントなど
</td><td height="120" width="90" align="center" style="border-right:3px dotted #ff0000">
画像24<br><br>コメントなど
</td><td height="120" width="90" align="center">
画像25<br><br>コメントなど
</td></tr></tbody></table><br>
<table border="0" cellspacing="0" style="width:450px;border:1px solid #ff0000;background-image:url( 画像のURL );background-repeat:repeat-x;background-color:#fff2f2;padding;0px">
<tbody><tr><th style="padding:3px" align="center">
タイトル
</th></tr><tr><td height="150" align="left" valign="top" style="padding:3px">
自由枠
</td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td align="right"><font size="1">template作成　<a href="http://plaza.rakuten.co.jp/dododon/">やすたろ～</a></font></td></tr></table>



© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: