表~ 小技(?)アレコレ

.

●小技ページについて

 こちらでは、主に「タグ打ち」が必要になる「表の編集方法」をご紹介しようと思います。

「タグ打ち」というと、「英語がズラっ!」「#000000ってコード何?!」とかよく分からないものが

溢れていて、最終的に「できるわけないよ!」に行き着くこともあるかと思います。

なので、極力「コピー&ペースト」で、どなたにでもお使い頂ける様にしてみました・x・)ノ

 

 おそらく、今現在の表の編集画面を見る限り、タグ打ちになると思われます。

なので、表作成の画面上にある機能の「1番右側・HTMLを使います。

Jimdo表の作成/小技

.

 

●表の背景色を変えるヨー!

●サンプル
(背景を白1色から、青1色にしました)

苗字 名前 電話番号
ドナルド ダック 12345-12345
ミニー マウス 0123-12345

 

【手順】

「HTML」を押して、1行目をご覧下さいませ。

下記のような記述があります。

<table border="0" cellspacing="0" cellpadding="3">

  ↓

◆こちらをコピーして下さい◆

このように、コピーしたものをタグの中に貼り付けます!

<table border="0" cellspacing="0" cellpadding="3" style="background-color: ★色指定★;">

1行目をまるごと消して、代わりに↑のタグをコピペしてもOKです。

 

上のサンプルの場合は下記のどちらかで設定できます。

 ・英語

<table border="0" cellspacing="0" cellpadding="3" style="background-color: blue;">

 ・16進数(カラーコード)

<table border="0" cellspacing="0" cellpadding="3" style="background-color: #0000FF;">

 

 

《注意》 「style=~」の手前に半角スペースをお忘れなく!

《補足》 ★色指定★は、red、Blackといった英語で行うパターンと、16進数(#******)の

     2パターンがあります。 (参考サイト:HTMLリファレンス様カラーコードページ

     ★色指定★を消して、その部分に「色を英語で打ち込む」または、「16進数のカラー

     コードをコピペ」でOKです。”#”を忘れずに~★

 

●表に枠線をつけます!

【手順】

「HTML」を押して、1行目をご覧下さいませ。

下記のような記述があります。

<table border="0" cellspacing="0" cellpadding="3">

 

今回のネックは、赤文字になっている border="0” です。

この中の”0”という数字を「1」より大きくすると、サンプルのように枠線が表示されます。

border="1"のサンプル

苗字 名前 電話番号
ドナルド ダック 12345-12345
ミニー マウス 0123-12345

border="3"のサンプル

苗字 名前 電話番号
ドナルド ダック 12345-12345
ミニー マウス 0123-12345

《注意》 数字は「半角」で入力して下さいね!

      ブラウザ・ブラウザのバージョンにより、表示(見た目)が異なる場合があります。

 


役に立ったら呟いてあげて下さい(・∀・)ノ
Twitter「つぶやく」ボタン

コメントをお書きください

コメント: 1
  • #1

    kenjioonishi (月曜日, 09 9月 2013 04:04)

    これはべんり