Q:画像の枠線を消すには?(CSS編集)

A:
画像の枠線を消す場合は、CSS編集機能(上級者向け)をご利用ください。

CSS編集時の注意事項
  • CSSはトップ、月別、テーマ別、記事ページの全てに適用されます。

  • CSS編集内容によってはレイアウトが崩れる可能性があります。

  • 大幅に変更する場合は、変更前のCSSをメモ帳などに保存することをお勧めいたします。

  • 元に戻したい場合は [初期値をフォームに入力] を選択した後に [ 設定 ] ボタンを押してください。

  • デザインを大幅に変更する場合はデザインテンプレートの設定を、デザインジャンル[CSS編集用]、デザイン名称[CSS編集用(デザインなし)]に変更してください。


CSS編集手順
  1. ウェブリブログトップページ」より管理画面へログインしてください。

  2. ブログ項目の[設定]をクリックしてください。


  3. [オプション]をクリックしてください。


  4. CSS編集(上級者向け)項目の[設定画面へ]ボタンをクリックしてください。


  5. 入力欄に以下の記述を追加することで、枠線が非表示になります。

    ●トップページ/月別ページ/テーマ別ページ の画像の枠線
    /*------------------ 新着記事 ------------------*/
    #contents{
    }

    /*追加 新着記事画像イメージ枠線 */
    #contents #postlist a img{
    border: none;
    }




    ●記事ページの画像の枠線
    /*------------------ 記事本体 ------------------*/
    #blog-body{
    }

    /*追加 記事画像イメージ枠線 */
    #blog #blog-body img{ border: none;}
    #blog #blog-body a img{ border: none;}




  6. 画面下側の[設定]ボタンをクリックしてください。



※CSS編集につきましては、「オリジナルデザインガイド」で一例をご案内しておりますが、個々の編集方法に関しましてはサポート対象外となっております。
市販の解説書をご参照いただくなど、お客様ご自身の責任においてご利用いただくか、ユーザ同士の助け合いの場「ウェブリ広場」をご活用ください。

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 47

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた
面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い
ナイス ナイス ナイス ナイス
ガッツ(がんばれ!) ガッツ(がんばれ!)
かわいい かわいい

この記事へのコメント

  • Kochan

    大変参考にさせていただいております。

    質問なのですが、「トップページ/月別ページの概要表示時の画像」および「記事ページの画像」における枠線の色および太さを変えることはできないのでしょうか?

    よろしくお願いします。
    2006年01月25日 18:57
  • 梨代和

    初心者なので 宜しくお願いします。

    枠を消したくて こちらの
    トップページ/月別ページの全面表示時の画像の場合 をコピーして
    CSS編集のコンポーネントのサムネイル画像の欄に貼り付けたのですが
    枠が消えません。

    どう対応したらよいのか教えて下さい。
    2006年02月18日 04:04
  • Lavi沖田

    すみませんが
    そもそもCSSとはどうやるのでしょうか
    がんばって自分のデザインを作りたいとおもっているのですが分かりません
    よかったら教えてください
    2007年10月30日 21:36
  • hosichan

    CSS編集で、枠を外したいのですが、上記のとおりコピーをして追加しても画面が何も変わりません。
    CSS編集欄のどこに追加すれば良いのでしょうか?
    画像も、縮小されて見づらいので、そのままのサイズで載せることは出来ませんか?
    2007年11月22日 17:08
  • 探すの疲れる!

    テンプレによって、なぜ枠が消えるものと消えないものに分かれてるんですか。
    ちゃんと全部 設定変更できるようにしてください。
    好きなテンプレがあっても枠が消せないとウザくて使う気が失せるんですけど。
    2008年10月31日 15:20

この記事へのトラックバック

画像の枠は外れる?外せない?
Excerpt: さてさて、何やら画像の枠が外れないという症状に困ってる人が多いらしい。
Weblog: 『いくじ』を考える。。。
Tracked: 2006-09-25 00:50

Let's 初心者 カスタマイズ! 画像の枠線
Excerpt: 画像の枠線を消したい・・・ってことで、ちょっと設定を変えてみた。 トップページについてはCCS編集の 「トップページ/月別ページの概要表示時の画像」の部分に
Weblog: Mayuflower気ままな1日
Tracked: 2006-12-08 18:23

スクロールバー設置とブロック要素のセンタリングそしてリンク付き画像の枠線をなくす設定(CSS)
Excerpt:  BlogPeople トラックバック・ピープルのリンクリストにスクロールバーを設置しました。文字サイズを10px、横幅は150pxとしています。 CSS編集/*Trackbackpeopleのリン..
Weblog: yolipの学舎
Tracked: 2006-12-14 15:39

CSS編集にチャレンジしてみたけど
Excerpt: Blogデザインを春らしく変えたいなあ。。。と思いつつも 近頃のWebry Blogさんは、どうもアニメのキャラクターだの子供向きデザインが多くて、 イマイチ気に入ったものがなく、そのうち新しいの..
Weblog: 韓国好きあじゅまの日記
Tracked: 2007-02-04 16:18

満足&不満足
Excerpt: <満足したこと> 画像の枠線をきれいさっぱり消すことができました。 今までは月別概要表示のときは画像の枠線なしの状態で..
Weblog: いらっしゃいませ♪ ハルミノブログ♪
Tracked: 2007-12-14 10:29

画像の枠線を消す。
Excerpt: ブログに貼り付けた画像の枠線を消す方法がよくある質問に載っていたのでやってみました。
Weblog: 天然色の風
Tracked: 2008-08-09 09:29

「夜空」テンプレートのカスタマイズ(6)・・・その他
Excerpt: その他、手を入れたところを覚えのためにエントリー。「画像の枠線を消す」「ファビコン(favicon)をつける」
Weblog: オペラ対訳プロジェクト<業務連絡>
Tracked: 2008-11-02 00:10

画像の枠線を消す方法
Excerpt: ウェブリブログでは、画像の枠線が付いている状態がデフォルトになっている。
Weblog: 兼業主夫(?)の独り言
Tracked: 2008-12-16 00:17