会員向けサイトと一般公開用サイトを分けて作っているのですが、一般公開用サイトでは会員向けサイトで表示している画像を一部非表示にしたいと思っています。基本的に会員向けサイトのHTMLを使って、一般公開用サイトは画像部分だけをHTMLやCSSで非表示にするように設定して公開しようかと思っているのですが、どのように実現すればいいでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/10/29 01:20:28
  • 終了:2006/10/30 02:47:28

ベストアンサー

id:TomCat No.1

TomCat回答回数5402ベストアンサー獲得回数2152006/10/29 01:41:38

ポイント35pt

http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/display...

単に非表示にするだけなら、CSSのdisplayが使えます。たとえば一般公開用サイトで非表示にしたい部分は

<div class="useronly">
    <img src="xxxx.jpg">
    <img src="yyyy.jpg">
    <img src="zzzz.jpg">
</div>

などとしておき、一般公開用サイトのCSSのみ

.useronly {
    display: none;
}

などとすれば、一般公開用サイトにおいてだけ、先の <div class="useronly">~</div> で囲まれた部分が表示されなくなります。ソースを見て直接画像ファイルを指定されてしまえばそれは見られてしまいますが、ブラウザの表示上は、この部分は無い物として扱われます。

 

http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/visiblt...

表示のレイアウト上、空白のボックスだけは置いておきたいという場合は、「display: none」に代えて「visibility: hidden」を使います。

その他の回答(1件)

id:TomCat No.1

TomCat回答回数5402ベストアンサー獲得回数2152006/10/29 01:41:38ここでベストアンサー

ポイント35pt

http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/display...

単に非表示にするだけなら、CSSのdisplayが使えます。たとえば一般公開用サイトで非表示にしたい部分は

<div class="useronly">
    <img src="xxxx.jpg">
    <img src="yyyy.jpg">
    <img src="zzzz.jpg">
</div>

などとしておき、一般公開用サイトのCSSのみ

.useronly {
    display: none;
}

などとすれば、一般公開用サイトにおいてだけ、先の <div class="useronly">~</div> で囲まれた部分が表示されなくなります。ソースを見て直接画像ファイルを指定されてしまえばそれは見られてしまいますが、ブラウザの表示上は、この部分は無い物として扱われます。

 

http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/visiblt...

表示のレイアウト上、空白のボックスだけは置いておきたいという場合は、「display: none」に代えて「visibility: hidden」を使います。

id:yakamin No.2

yakamin回答回数4ベストアンサー獲得回数02006/10/29 02:03:20

ポイント35pt

 ページのある部分を非表示にするには、その部分に設定した class や ID に {display: none;} や {visibility: hidden;} を指定します。少し動作が違いますので、詳しくは以下の2つのページをご参考になると良いでしょう。

http://www.htmq.com/style/display.shtml

http://www.htmq.com/style/visibility.shtml

 ただ、老婆心ながら、この方法で会員専用コンテンツを一般アクセスから「プロテクト」しようとするのは、非常に不完全で、全然「プロテクト」になっていないという点を心配致します。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません