スポンサーサイト

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

カスタムテンプレートでCSSカスタマイズの画像の配置はいかが

<画像の配置をカスタムテンプレートのCSSに記述したクラスで指定してみました。 img class="dp_right" で右寄せの画像を表示しています。マージン、余白も設定しています。ただしこの方法だと、投稿ツールで編集中は右寄せになっていませんから、どうなっているかをかくにんしにくいという点は残ります。
dp_right は私が、「どんぐりのフォトで右寄せ」という意味で命名しているだけです。
こんなのをたくさん作っておけば、写真の配置が楽になります。

<左寄せに変更><右寄せにもどす>

イベントの記述は onclick="写真ID.className='クラス名';" のようにします。

CSSに追加したスタイル定義は


/* どんぐりカスタマイズ */
.dp_right {
margin: 10px;
padding: 10px;
float: right;
height: auto;
width: 275;
border: 3px solid #666666;
}
.dp_left {
margin: 15px;
float: left;
height: auto;
width: 275;
border: 3px solid #666666;
}

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

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