注目タグ

質問・疑問

トピック詳細

よくある質モンにありません

写真に枠を付けたいんですが、
ポストカードのようなオシャレなものに。
教えてください

2012年07月12日 20:35  by jun(りす)

コメント一覧 1件中、1~1件表示

  • はじめてのFC2ブログカスタマイズ‐画像に枠をつける
    http://blog.fc2.com/custom_manual/#m006
    公式の参照ページは↑こちら↑くらいでしょうか。


    FC2ブログでは
    画像に枠を付けるにはテンプレートのカスタマイズ(編集)が必要になります。

    質問者さんの借りているテンプレートには
    幸い ヒト手間かけるだけで画像枠が表示されるオプションがついていますので

    画像を記事内に貼り付けたときに挿入される
    <img src="画像のURL" alt="画像名">
    ↑この手のタグ↑の中に
    <img src="画像のURL" class="frame& quot; alt="画像名">
    このような赤文字のタグを書き足せば白い枠が表示されます。

    シンプルな白い枠が物足りない場合には
    管理画面の「テンプレートの設定」リンクの先に
    テンプレートのHTMLとスタイルシートの編集欄がありますので
    ページ内検索(Ctrl+F)を使って「スタイルシートの編集欄」内から

    img.frame{
    border: 1px solid #ccc;
    margin: 3px 0 3px;
    }
    この部分を探して書き換えると、枠の様式を変更することができます。

    たとえば
    img.frame{
    padding : 10px; /* 写真の余白を10pxに設定 */
    background : transparent; /* 写真余白部分を透明に設定 */
    border : 4px double #ccc; /* 写真枠部分をグレーの二重罫に設定 */
    }
    このように書き換えるとちょっとだけオシャレになるかも。

    2012年07月14日 12:24 by 標野ゆき