テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.03.29

オリジナルテンプレートを作ろう！（＾＾）/の２

(16)

テーマ：アクセス向上(302)

カテゴリ：【実験中】

オリジナルテンプレートを作ろう！（＾＾）/の２

昨日作ったテーブルの枠で実はテンプレートのテーブルタグ編はほぼ90％以上をマスターした。と言っても過言ではありません（＾＾）
「うっそー」って思いました？
いえいえ、この基本にいろいろな装飾を施してあげれば立派なテンプレートはでき上がってしまいますヨ！！

それでは今日は昨日のテーブルタグの枠を加工してみましょう！

■テーブルの枠の太さと色を変えてみましょう！

<table border="5" bordercolor="blue" >
<tr>

【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

『border』というのはボーダーラインなど、境界線ですね（＾＾）数字を増やすと太くなります。
『bordercolor』は境界線の色ですね。

（楽天広場の各ページ場合改行しますと通常の改行＜br＞と同じになります。ですのでタグ通りの表示をさせるためには改行やスペースを全て排除してください。つまり全部つなげちゃうわけです！）
<table border="5" bordercolor="red"><tr><td>【本文内容】</td></tr></table>と記述してさいね！

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

■テーブルの外の線と内の線

そしてこの線と線の間の間隔を変えてみます。

□大きくすると

<table border="5" bordercolor="blue" cellspacing="10" >
<tr>

【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

□小さくすると

<table border="5" bordercolor="blue" cellspacing="2" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

□「0」にすると

<table border="5" bordercolor="blue" cellspacing="0" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

『cellspacing』セルというのが箱ですね、箱の間のスペースですね！

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

■テーブルの内側線と文字との間隔

□大きくすると

<table border="5" bordercolor="blue" cellpadding="10" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

□小さくすると

<table border="5" bordercolor="blue" cellpadding="2" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

□「0」にすると

<table border="5" bordercolor="blue" cellpadding="0" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

『cellpadding』セルというのが箱ですね、パッドは間に入る詰め物っていうイメージでしょうか？？？

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

■合体しましょう！

<table border="5" bordercolor="blue" cellspacing="5" cellpadding="5" >
<tr>
<td>
【本文内容】
</td>
</tr>
</table>
↓こんな感じですね（＾＾）

【本文内容】

*****************************************************

【庶事所感】
本日は朝から、鼻がグズグズ（＞＜）
何とかやり過ごしたいです。
ちょっとツライかもぉ～　　　　　　（ギャフン）

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ