ネットで得してネットで稼ごう!

インターネットの得するサイト情報やアフィリエイトで稼ぐための情報。ブログで使えるHTMLタグなど。

2017-10

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

枠(表)を作る

本文中に枠を組んでレイアウトすればデータをまとめたりと色々便利です。
AAAAAAAA1234567890
BBBBBBBB0987654321

この表をタグにすると
<TABLE border="1" width="500" height="60">
<TBODY>
<TR>
<TD width="250" height="30">AAAAAAAA</TD>
<TD width="250" height="30">1234567890</TD>
</TR>
<TR>
<TD width="250" height="24">BBBBBBBB</TD>
<TD width="250" height="24">0987654321</TD>
</TR>
</TBODY>
</TABLE>

となります。
一番上の1と言う数字は枠の線の太さになります。数字が大きいほど線が太くなります。ちなみに0にすると線が消えてしまいますが枠はきちんと機能します。
次の300は枠全体のワイド(幅)です。
次にAAAAAAAAの部分の幅と高さをそれぞれ150、30でしていしています。つぎに1234・・の部分を指定しています。
<TR>~</TR>が行を表してます。行の中に<TD>~</TD>で列を挿入していますのでもう一つ追加すれば三列になります。三列にした場合はブログに合うようにワイドの数値を入れなおせばOKです。
当然AAAA・・や098・・の部分はテキストやバナー広告を挿入できます。今回30で表している行の高さは指定しないならheight=”30”を消してしまえばバナー広告や記事の量に自動で合います。ワイドも同じことです。

色付の枠は
AAAAAAAA1234567890
BBBBBBBB0987654321


<TABLE width="300" height="60" border="1"bordercolor="red">
<TBODY>
<TR>
<TD width="150" height="30">AAAAAAAA</TD>
<TD width="150" height="30">1234567890</TD>
</TR>
<TR>
<TD width="150" height="30">BBBBBBBB</TD>
<TD width="150" height="30">0987654321</TD>
</TR>
</TBODY>
</TABLE>
となります。bordercolor="red"をつけたしただけです。redの部分を他のカラーに変えれば色が変わります。
スポンサーサイト

流れる文字

【流れる文字のタグ】

ここにテキストを書き込みます!
タグ
<marquee bgcolor="#00ffff">ここにテキストを書き込みます!!</marquee>
              Lここで(”#00ffff)文字が流れる部分の色を変更できます。

次は少し複雑な動きを指定したものです。
ここにテキストを書き込みます!!
タグ
<marquee width="80%" behavior="alternate" direction="right" loop="30" scrolldelay="85" bgcolor="#ffff00">ここにテキストを書き込みます!!</marquee>
L最初の80%は表示させる画面に対して動く範囲が80%と指定しています。100%で端から端までになります。
次にaltenateでテキストが範囲の端に来ると折り返して来た方向へ戻ると指定しています。ここを”scroll”に変えると片方から出てきて反対側に消えます。(最初の例と同じ。)
次にrightで左から右へ流れるようにしています。ほかにleft up down があります。次の30は一連の動きの繰り返す回数が入っています。
次の85は動く速度です。85が基本です。数字が大きいほうが遅く見えます。


流れる文字②

【上から降りてきたテキスト枠下へスクロールします】
ここにテキスト!
<MARQUEE width="50%" height="60" scrolldelay="400" behavior="scroll" direction="down" bgcolor="#ffff00" style="font-size : xx-large;">ここにテキスト!</MARQUEE>
Ldownの部分をupにすると下から上がってきます。
L#ffff00の部分は背景色の指定です。
Lxx-largeは文字サイズの指定です。largeやsmallでサイズ変更できます。
L数字で400となっている部分は流れる速度の指定です。数字が大きいほど遅くなります。

リストを作る

【リストで見やすくしましょう】
例①
  • 音楽
      • 家電製品
          • ファッション

            • ソース
              <ul><li>音楽</li><ul>
              <ul><li>家電製品</li><ul>
              <ul><li>ファッション</li><ul><br>

              これでリストが絶対位置として認識されます。

ウェブ用カラーチャート抜粋

ソースネクストのパソコンソフトは1,980円から
ウェブ用のカラーチャートです!テキストコピペで使えます。メモ帳などで編集できますよ!!
カラー指定値による指定
#FF0000#FF6600#FFFF00#66FF00#00ff00
#00FFFF#0066FF#0000FF#9900FF#FF0066
#CC0000#CC6600#CCCCCC#660000#666600
#FF006600#FF0000
カラー名による指定
navy blue green yellow red fuchsia gray
silver maroon olive teal purple orange

 | HOME |  »

FC2Ad

TOPPAGE

参加ランキングサイト


FC2ブログランキング
ブログ素材部門8位
ブログ部門51位
ブログ王ランキング
アフィリエイト部門2位
PCとインターネット総合6位
人気ブログランキング
(順位は過去最高位です)

いらしゃいませ

ようこそいらっしゃいました!

またのお越しお待ちしております!

プロフィール

三吉

Author:三吉
日々こつこつとあーでもないこーでもないとアフィリエイトを楽しんでいます。ここで自分も勉強しながら記事にしていきたいと考えています。

このブログはリンクフリーです!

GoogleAdsenseを始めよう!

オススメASP

アクセストレード
L1000円から振込み可能
A8.net

LASPの代名詞的存在
バリューコマース株式会社
L管理画面が使い易い
リンクシェア・ジャパン株式会社
L大手企業広告メイン
電脳卸
Lドロップシッピング可能

リンク集

このブログをリンクに追加する

最近のトラックバック

最近の記事

最近のコメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。