よくある質問と答え(FAQ)

アクセスカウンタ

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

<<   作成日時 : 2005/12/16 21:40   >>

なるほど(納得、参考になった、ヘー) ブログ気持玉 47 / トラックバック 8 / コメント 5

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

トラックバック(8件)

タイトル (本文) ブログ名/日時
画像の枠は外れる?外せない?
さてさて、何やら画像の枠が外れないという症状に困ってる人が多いらしい。 ...続きを見る
『いくじ』を考える。。。
2006/09/25 00:50
Let's 初心者 カスタマイズ! 画像の枠線
画像の枠線を消したい・・・ってことで、ちょっと設定を変えてみた。 トップページについてはCCS編集の 「トップページ/月別ページの概要表示時の画像」の部分に ...続きを見る
Mayuflower気ままな1日
2006/12/08 18:23
スクロールバー設置とブロック要素のセンタリングそしてリンク付き画像の枠線をなくす設定(CSS)
 BlogPeople トラックバック・ピープルのリンクリストにスクロールバーを設置しました。文字サイズを10px、横幅は150pxとしています。 CSS編集/*Trackbackpeopleのリンクリストにスクロールバーを設置*/ .blogpeople-tbp { width:150px; height:150px; overflow:auto; line-height:1.5; font-size:10px; text-align:left; }  また、サイド... ...続きを見る
yolipの学舎
2006/12/14 15:39
CSS編集にチャレンジしてみたけど
Blogデザインを春らしく変えたいなあ。。。と思いつつも 近頃のWebry Blogさんは、どうもアニメのキャラクターだの子供向きデザインが多くて、 イマイチ気に入ったものがなく、そのうち新しいのが出るだろうと仕方なくそのままにしていたのですが。 ...続きを見る
韓国好きあじゅまの日記
2007/02/04 16:18
満足&不満足
<満足したこと>{%heart1_a%} 画像の枠線をきれいさっぱり{%diacritic_a%}消すことができました。{%hurrah_a%} 今までは月別概要表示のときは画像の枠線なしの状態で、記事ページに入ると画像の枠線ありになってしまい、<img src="****.jpg " border="0">にしても枠線が出てしまってすごく不満だったんです。{%naku_a%} ...続きを見る
いらっしゃいませ♪ ハルミノブログ♪
2007/12/14 10:29
画像の枠線を消す。
ブログに貼り付けた画像の枠線を消す方法がよくある質問に載っていたのでやってみました。 ...続きを見る
天然色の風
2008/08/09 09:29
「夜空」テンプレートのカスタマイズ(6)・・・その他
その他、手を入れたところを覚えのためにエントリー。「画像の枠線を消す」「ファビコン(favicon)をつける」 ...続きを見る
オペラ対訳プロジェクト<業務連絡>
2008/11/02 00:10
画像の枠線を消す方法
ウェブリブログでは、画像の枠線が付いている状態がデフォルトになっている。 ...続きを見る
兼業主夫(?)の独り言
2008/12/16 00:17

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(5件)

内 容 ニックネーム/日時
大変参考にさせていただいております。

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

よろしくお願いします。
Kochan
2006/01/25 18:57
初心者なので 宜しくお願いします。

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

どう対応したらよいのか教えて下さい。
梨代和
2006/02/18 04:04
すみませんが
そもそもCSSとはどうやるのでしょうか
がんばって自分のデザインを作りたいとおもっているのですが分かりません
よかったら教えてください
Lavi沖田
2007/10/30 21:36
CSS編集で、枠を外したいのですが、上記のとおりコピーをして追加しても画面が何も変わりません。
CSS編集欄のどこに追加すれば良いのでしょうか?
画像も、縮小されて見づらいので、そのままのサイズで載せることは出来ませんか?
hosichan
2007/11/22 17:08
テンプレによって、なぜ枠が消えるものと消えないものに分かれてるんですか。
ちゃんと全部 設定変更できるようにしてください。
好きなテンプレがあっても枠が消せないとウザくて使う気が失せるんですけど。
探すの疲れる!
2008/10/31 15:20

コメントする help

ニックネーム
本 文
Q:画像の枠線を消すには?(CSS編集)  よくある質問と答え(FAQ)/BIGLOBEウェブリブログ
文字サイズ:       閉じる