人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: wanwander
●カテゴリ:ウェブ制作
✍キーワード:CSS HTML サイト 一般公開 画像
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● TomCat
●35ポイント ベストアンサー

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」を使います。


2 ● yakamin
●35ポイント

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ