• 締切済み

スタイルシート(css)の編集の仕方

初歩的な質問ですみません。 スタイルシート(css) の編集はどのようにするのでしょうか? windows付属の「メモ帳」で記述変更、保存してみても 何も変わりませんでした。 よろしくお願いします。

noname#23242
noname#23242
  • HTML
  • 回答数5
  • ありがとう数0

みんなの回答

  • 0011Allen
  • ベストアンサー率56% (108/192)
回答No.5

度々お邪魔します。 多分、閲覧するページにどのような記述で広告が挿入されているのかに拠るのではないかと思います。 閲覧するページのソースコードを見て、それに該当するように編集するしかないのではと思いますが、細かい部分までは解りかねます・・・。 私がテストしてみたのはhttp://www.goo.ne.jp/の最初のページにある「結婚力・・・・」の広告を出してみたり、消したりしてみただけですが。 この場合は、サイズは関係なさそうで・・・ そのから20行ぐらい下にある、 "More generic banner killing ..............."のところを適用しないように、 *a[target="_top"] img[border="0"],a[target="_blank"] img[border="0"] { * display: none !important; *} とすると、広告がでて、また、"*"を取ると広告が消えました。 あと、CSSを編集した後、ブラウザのFile/Preferences/Pages Styleのところで適用ボタンをクリックしてからリロードしないとCSSは反映されませんでした。 以上、参考までに。

noname#23242
質問者

補足

大変申し訳ありませんが、ソースコードという 難しいことは分かりません。 どうやら今の私の知識ではこれ以上は無理のようです。 今までご回答を頂き、本当に申し訳ありませんが、 質問を締め切らせていただきたいと思います。

  • 0011Allen
  • ベストアンサー率56% (108/192)
回答No.4

#3です。 興味があったので、Operaで設定してみました。 このスタイルシートをOperaをインストールしたディレクトリにある\Styles\userの中に入れる。 ブラウザのFile/Preferences/Pages Styleの設定で、My Style sheet にチェックを入れて、さらに下部でこのスタイルシートを選択。 で、広告が出なくなりました。 例えば、http://www.goo.ne.jp/の最初のページにある「結婚力・・・・」とか。 saeduriさんのおかげで一つ勉強させて頂いちゃいました。♪ もし、編集したものが反映されないのだとしたら、そのコードに問題があるか、もしくはCacheファイルのせいかも。

noname#23242
質問者

補足

ご回答ありがとうございます。 >で、広告が出なくなりました。 >例えば、http://www.goo.ne.jp/の >最初のページにある「結婚力・・・・」とか。 ここまでは私もできているのですが、 新たに消したい広告のサイズを追加したいと思い、 iframe[width="120"][height="600"], a img[width="120"][height="600"], cssのこのような記述のあるところに広告のサイズを 入力したのですが、その広告は消えませんでした。 数値を変えただけなので、コードは間違っていないと思います。

  • 0011Allen
  • ベストアンサー率56% (108/192)
回答No.3

ちょっと気になったので・・・。 カテゴリがHTMLなので、Websiteのスタイルシートの事かなぁと思ったのですが・・ (とすると、#1と#2の方の説明されている通りなのですが) anti-banner.cssというのはブラウザ用のスタイルシートで、websiteのスタイルシートとは別物ですね。 もし、ご質問の意図がWebsiteのスタイルシートならこれをベースにはできないと思います。 また、ブラウザ用のスタイルシートの場合は、Opera, Mozilla用でIEでは使用できないとなっています。 この場合はブラウザによってスタイルシートの適用の仕方が変わると思うのですが、編集の仕方はメモ帳でかまわないです。 Windowsでこの手のスタイルシートを使用したことないのですが、とりあえず参考まで。

noname#23242
質問者

補足

ブラウザ用のスタイルシートがあったとは 知らず、大変参考になりました。 どうやらカテゴリーを間違えてしまったようですね。 私はoperaを使っていますが、メモ帳で編集しても その変更が反映されないので、質問をさせて いただきました。

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.2

下記を参考にしてください。 htmlに <link rel="stylesheet" href="ファイル名.css" type="text/css"> と書き込むだけです。

参考URL:
http://tancro.stp-1.com/,http://www.w-frontier.com/stylesheet/index.html
noname#23242
質問者

補足

大変申し訳ありませんが、参考URLを見ても分かりません。 編集したいのは、 http://www.aagh.net/projects/antibanner のanti-banner.cssです。 <link rel="stylesheet" href="ファイル名.css" type="text/css">をどこに書き込むのでしょうか? また、使用ソフトは「メモ帳」でいいのでしょうか?

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.1

ファイルの拡張子はCSSになっていますか? htmlから、スタイルシートを読み込むように設定していますか?

noname#23242
質問者

補足

>ファイルの拡張子はCSSになっていますか? はい、anti-bannar.cssというファイルです。 >htmlから、スタイルシートを読み込むように 設定していますか? すみませんが、初心者なのでわかりません。 具体的な方法を教えていただけると、幸いです。

関連するQ&A

  • CSSのスタイルシート適用について

    <link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか?その場合はその宣言したものだけが変わって、LINKされたほうのスタイルシートデータも他の内容は生き残って適用されますか?

    • ベストアンサー
    • HTML
  • css スタイルシートのダウンロードの仕方

    ホームページ作成の練習しています。css(スタイルシートの記述のあるアドレスをクリックしたら{フアイルを開くアプリケーションの選択}の画面が出ます。内容はstep001(1)cssを開くアプリケーションを選択して下さいと書いてあります。どのようにすれば開く事が出来ますか教えてくださいお願いします。

  • ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる

    ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる機能をつけたいと思い、 http://allabout.co.jp/gm/gc/23930/5/ の通りに記述しました。 しかし、このように記述したページのみスタイルシートの変更ができたのですが、リンク先に飛ぶとスタイルが標準設定に戻ってしまい、再び選択をおこなわなければなりませんでした。 構成は、 index.html index2.html mystyle.css mystyle2.css となっており、index.htmlとindex2.htmlにそれぞれ、上のホームページの通り記述しました。 (何も選択していない状態では、mystyle.cssが適用され、mystyle.cssとmystyle2.cssを選択できます。) リンク先に飛んでも、選択したスタイルを維持することはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Dreamweaver CSSスタイルシート

    DreamweaverでHPを作っています。スタイルシートは、mystyle.cssの名前で保存しました。少し作業が進んで気づいたのですが、mystyle.cssの下に<style>項目ができていました。自分では作った記憶がないのですが<style>がなぜ突然現れたのかがわかりません。

    • 締切済み
    • Mac
  • 外部スタイルシートをメモ帳で書き換えても反映されませんが

    すみません。連続質問で。いろいろ本を読んだり、ネットで調べたりしても、よけいに分からなくなるだけで。 HPビルダーを主に使ってHPを作っています。 最近、外部スタイルシートを取り入れているところです。 質問ですが、 HPビルダーでスタイルシートを書き換えるのがちょっと面倒な場合もあって、CSSファイルをメモ帳で呼びだして、直接書き換えて、上書き保存をしても、編集ページに反映されないようです。何か、反映をさせる方法をとらないといけないのでしょうか。

  • スタイルシート2

    1.スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか? <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ!! といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような(くどい^^)気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ 2.さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル(省略できない)。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか^^ リンクできるのは、見やすく便利ですが・・・

  • スタイルシート(CSSスタイル)が読み込めない。

    Webデザイナー修行中の者です。 社内の人が作ったホームページ。背景や線の画像を各 ページで統一するため、ソースをコピー&ペーストして 新たなページを作ったのですが、作成の時点では線画像も 背景も表示されるのですが、ブラウザで見てみると背景も 線も出ません。 おそらくスタイルシートというもの(CSSスタイル)が 読み込めていないのだと思いますが、考えられる原因は どんなものでしょう? 作成者に聞けばいいのでしょうが、いないので聞くことが できません。 かといって、大幅にページを変更する時間もなく、私が 作るページだけを全く別の背景等にするのも、不自然な ものになってしまいます。 業務にかかわるものですので、Webページやタグを公開 できないのですが、アドバイス、よろしくお願いいたし ます。 作成はメモ帳、またはDreamweaver4を使用しています。

  • スタイルシート

    スタイルシートを使用していたときに、cssのしたにxhtml を記述する、という形式で記述していたのですが、求めていた書式葉、反映されたんですが、css自体も表示されてしまいました。 どうすればいいのでしょう。

  • css(スタイルシート)について

    最近スタイルシートを勉強しているものです。 外部スタイルシートにて body { margin: 0; padding: 0; background-image:url(img/back.jpg); background-repeat:repeat-y; background-position: center; background-color:#333333; } という記述で、背景の設定をしました。 プレビューイメージは背景=黒 中央=白といったイメージです。 中央=白の位置にテキスト文字を入れたいのですが、マージンもしくはパディング設定をしてしまうと ウィンドウのサイズによって背景と文字がずれてしまいます。 テキストの文章もcssで設定したい場合 どのように設定するのがよろしいでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • スタイルシートの共有

    DREAMWEAVER MX使用です。 スタイルシートの共有をしたいと思うのですが、マニュアルを読んでもいまいちやり方が分かりません。スタイルシート用のフォルダを作り、そこにCSSファイルをまとめて保存して、ほかのページを作る際にもリンクさせて使いたいのですが、CSSのウィンドウには常に1つのCSSファイルしか表示されません。(1つリンクさせると1つ消えてしまうのです)。 やり方が間違っていると思うのですがご助言下さい。 定義場所、というのもよく理解できません。

専門家に質問してみよう