html・CSSの小技

● ● ● 切り貼りのためのhtml集 ● ● ●　 copy free!　ソースはコピー＆ペーストして自由に使ってね。

■ 汎用リンク ★★★ の部分にURLを入れる（コピー＆ペースト）だけ！　 ●●● の部分に文字を入れるだけ！

■ 文章の回り込むイメージ（左側）　 ■ ■ ■ ■

画像左位置で文章回り込み、画像周辺のマージン各10、画像の枠（1）

　altまでは、画像倉庫（画像の登録・管理）からコピペしたほうが無難。
　画像にリンクするときは、ボーダーの色が変わっちゃうから　border="0"のほうがいいかも？
　titleは、画像にマウスカーソルを置くと、表示されます。

■ 汎用タイプ　 そのまま使える形に整理してみました。画像倉庫からコピペしてきて、最後の「>」を消します。
　　タグとタグの間に、半角スペース１個が入っているかどうか、確かめて！（ないと、エラーになるの～）。
■■■ の部分を入れると、画像にマウスカーソルを当てると、文字が出るようにできます。

■ 文章の回り込むイメージ（右側）　 ■ ■ ■ ■

● ● ● 日記に使う 切り貼りのための小技集 その2　（アフィリエイトのために） ● ● ● copy free!

■ ひとつだけ紹介（日記用） ■ ■ ■ ■

【送料無料】2004年9月　「ひの木の猫砂」共同購入第2弾
快適ねこ生活：この猫砂を買うと、送料無料！　フードもグッズも一緒に頼めます。

↑こんな感じで使います。

＜切り貼り用ソース＞10/5 ソースを多少、整理しました。不具合を発見した方は、BBSまたはコメントでお願いします。10/13　ちょっとタグ変更しました

わかりやすいように色をつけましたが、日記作成のフォームにコピー＆ペーストした時には反映しません。
コピー＆ペーストしたら 赤 、 青 の色付きの部分を楽天アフィリエイトから、コピーしてきます。 コメント部分 は自由に記入してくださいね。

■ 並べて二つ（日記用） ■ ■ ■ ■ （現在、テスト中です）

【送料無料】2004年9月　「ひの木の猫砂」共同購入第2弾

剣神ドラゴンクエスト 甦りし伝説の剣(ACアダプタ付) 今なら、大特価！　一年前の発売だから、欲しい人は早めに！

＜切り貼り用ソース＞

bgcolor=" purple "　の部分で、枠の色が変わります。色の指定はふつう#FFFFFF　などの16進数（めんどい、わからんし）でやるけど、今のところ、色の名前でも指定できるものがあるようです。red とか　blue　とか、よくある奴は大丈夫。詳しくは、杜甫々さんの　とほほのWWW入門、 とほほの色入門・色見本 　のページなどを参考にしてくださいね。

このソース、もっと整理できるかも？

● ● ● 日記に使う 切り貼りのための小技集 その3　（色いろ　特集） ● ● ●

★の部分を文字と入れ替えてね！　そのままで、マークとして使用するのもいいかも？
　例：#0033CC　の部分に色の名前を入れて、他の色にするのもOK！　 vol2.アフィリエイト用テーブル 　に紹介したサイトも参考に！

作成ソフトで作ると、そんなに難しくないけれど、タグ打ちしようと思うと、かなり面倒。好きな色や形で、一度作っておいて、使いまわし――もいいかな？

もりのねこアルバム

<a href="http://plaza.rakuten.co.jp/morinoneko/" target="_blank"><font style=font-size:16px;font-family:"HG創英角ﾎﾟｯﾌﾟ体",fantasy;padding:5px;border-style:double;background-image:url(http://plaza.rakuten.co.jp/img/user/75/35/7127535/69.gif);background-repeat:repeat;background-color:#FFC1C1>もりのねこアルバム</font></a>