プレビューはここをクリック
以前からいくつかリクエストをいただいていたのですが、実際に発表するには至らなかった
右メニュースキンです。
写真系ブログにはこの右メニューが好まれるようですね。
需要があるようなので、今後は右メニューもボチボチ出していこうかと思います。^^
Animal Skinの基本スキンである、シンプルな左メニュー設定とはやり方が違うので、気をつけてコードを貼っていってください。
またこれは、幅600PXまでの、やや大きめの画像が貼れるタイプです。
まずは右メニューレイアウト選択からスタートです。
このスキンは画像サイズ横幅600PXまで貼れるようにしてあるので...
微調整が必要です。
とはいっても難しいものではありません。^^
この後は普通に↓をコピペしてください。
■「メイン」■ 枠の中をすべてコピーしてHTML編集の「メイン」部分に貼ってください。
■「本文」■ 枠の中をすべてコピーしてHTML編集の「本文」部分に貼ってください。
■メニュー■ (一応「メニュー」部分へのコードを貼っておきますが、ここはもともと書いてあるコードでOKです。つまりここは無視しちゃってOK!)
■CSS編集■ 枠の中をすべてコピーして「CSS編集」部分に貼ってください。
★最後におまけ...★
各記事タイトルのアタマにある小さなアイコン(現在は小さなハート)を変えたい場合は、
HTML編集本文内の
<td width="5%"><img src="http://pds.exblog.jp/pds/1/200902/09/38/val10.jpg" border="0"></td>
という部分にあるURLを変更することによってできます。
スキン変更ページ内の「マイイメージアカウントにイメージ登録」をクリックして画像をアップロードし、表記されたURLを使います。
また、この小さい画像を消してしまいたい場合は、
↑の部分をすべて消去し、その後に続く
<td width="75%">
の75%を80%にしてください。
つまり、タイトルが表示される部分を、アイコン、タイトル、そして最後にユーザーのみに見える「編集・消去」または「Edit | Del」用に、テーブルタグを使って5%、75%、20%と3分割してあったのがわかるかな?^^
最初のアイコンを消去した場合は、80%と20%で2分割。
どちらも、すべて合わせると100%になるというわけです。
これを応用すれば...タイトルのアタマに画像がないスキンにも、自由に好きなアイコンを入れられることになりますね。^^
Top▲ | by mari_ca
by animal_skin
| 2009-02-09 07:18
| 右メニュースキン