2006年 04月 13日
今回のカスタマイズは画像に枠をつけて見ましょう...①です
CSSもHTMLもいじりません
準備
画像を一度アップロードします。(画像アップロードです^^;)
保存をせずに、一度プレビューを開きます。
画像の上で右クリックしてプロパティをクリックします。
中ほどに アドレス(URL)と言う欄があります。
この右に書いてあるのが、アップロードされた画像のurlです。
アドレスをドラッグして、右クリックしてコピーしておきます。
記事中の
〔#IMAGE|e007XXXX_213xxxx.jpg|200602/28/08/|mid|400|589#〕
はけしちゃってください。
*下の削除ボタンで消さないで下さいね^^;;
記事の書き方
<center><span style="border:ridge 10px #ffffff ;"><img src="http://pds.exblog.jp/pds/1/200603/26/08/e0075308_15214398.gif" alt="" /></span></center>
解説
1.<center> ~ </center>
これは画像を記事の真ん中に配置するために入れています。
これを省略すれば、通常のスキンの方は左寄せになると思います。
2.赤字のurlのところには先ほどupした画像のurlを記載してください。
3.青字のborder:ridge 10px #ffffff ; は枠の設定です
ridge...これは線の種類です。いろいろありますので、こちらを参照してください
10px 枠の線の太さです。
#ffffff...これは線の色です。お好きな色を設定してみてください。こちらを参照
*プレビューを見て枠の形や太さを確認して調整してみてください。
上手く出来ない方はご連絡くださいね。検証いたしますので
#
by chocobopapa
| 2006-04-13 19:13
| スキン編集