どさくさ紛れの更新ですが…
ブログ更新でたまに使うHTMLをここにメモがてら書いておきます。
使うたびに検索していると大変なので^^;
ついでにPhotoshopを使ったレタッチや画像加工のリンクも貼ったりしています。
ほんとに個人的な記事ですが外でもどうするんだっけ?みたいな時に重宝してたりします。

1:文字の横に画像配置

隅田川花火大会_0000【撮影スポット】
【風景テーマ】
【番外】




【タグ】
<a  title="隅田川花火大会_0000" target="_self" href="http://tokyophoto.blog.jp/spot/"><img  src="http://livedoor.blogimg.jp/y14photo-spot/imgs/8/2/82357749-s.jpg" alt="隅田川花火大会_0000" class="pict" height="354" hspace="5" align="right" border="0" width="400"></a>【撮影スポット】<br /><ul  id="ldblog_related_articles_403979f1_11238"><li><a  href="http://tokyophoto.blog.jp/spot/" target="_self">東京撮影スポット一覧</a></li><li><a  target="_self" href="http://tokyophoto.blog.jp/ensen/">沿線シリーズ(駅周辺散歩)</a></li></ul>【風景テーマ】<br /><ul  id="ldblog_related_articles_403979f1_11238"><li><a  href="http://tokyophoto.blog.jp/theme/fujisan.html">富士山の見える風景</a></li><li><a  href="http://tokyophoto.blog.jp/theme/favorite.html">東京散歩で見つけたお気に入り</a></li><li><a  target="_self" href="http://tokyophoto.blog.jp/theme/tokyobwimage.html">TOKYO BW IMAGE</a></li><li><a  href="http://tokyophoto.blog.jp/theme/reflection.html">反射</a></li></ul>【番外】<br /><ul  id="ldblog_related_articles_403979f1_11238"><li><a  target="_self" href="http://tokyophoto.blog.jp/etc/flower.html">草・花</a></li><li><a  target="_self" href="http://tokyophoto.blog.jp/etc/lego.html">レゴ</a></li></ul>

【メモ】
align="right":文字の右
align="left":文字の左


2:記事のヘッダー

【タグ】
<div  style="padding: 10px 10px; border-color: rgb(254,230,230); border-width: 0 0 1px 7px; border-style: solid; background: #F8F8F8;"><b><span  style="font-size: medium;">2:記事のヘッダー</span><br /></b></div>

【メモ】
rgb(254,230,230):枠の色指定
border-width: 0 0 1px 7px: 枠の太さを指定 border-width: 上 右 下 左
background: #F8F8F8;:背景色


3:折り畳みコンテンツ


【タグ】
<div  onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">
<a  style="cursor:pointer;">▼ クリック(タップ)で展開</a>
</div>
<div  id="open" style="display:none;clear:both;">

自由にテキストや画像を挿入

</div>

【メモ】
緑の部分:展開ボタンとなるテキストを編集
赤の部分:開いた後表示されるものを挿入


A:Photoshop チュートリアル集

晴れの写真を雨に変えてしまう方法(英語)
日本語バージョン

平凡な写真をダイナミックな写真に変えてしまう方法(英語)