初期費用(1,050円)が無料になりました!

プチ・ホームページサービス

助け合い掲示板

困った時はみんなで解決!お気軽にご投稿ください

↑メインページに戻る

4
2017/09/07(木)  04:06 | 日記 | No.2135
私のブログでは自作トップページを使用しているのですが、バナナの日記のページにブログパーツが
表示されるよう設定したら、トップページにも表示されてしまったのですが、なぜでしょうか?

バナナのみ表示されるように設定するにはどうしたらよいでしょうか?
ご教示お願い致します。
2017/09/07(木)  10:26
アさん、こんにちは。

日記ページ(banana)には、「琥珀堂」のバナーに加え、
「出てくる人達」とブクログの本棚が表示されていますが、
琥珀堂以外はbanana以外では表示されていませんよね?

これは、CSSの追加カスタマイズで
/* ************** 【 デザインきせかえ用設定 ここまで 】 ************** */

#shoukai { display : none ; }
 body#banana #shoukai { /*bananaでだけshoukaiのバナーを表示 */
display : block ; }


#book { display : none ; }
 body#banana #book { /*bananaでだけbookのバナーを表示 */
display : block ; }

これを記述しているからです。

なので、琥珀堂のバナーについても、同じように非表示になるよう、
CSSを追記してあげると良いと思います。

その前に。
琥珀堂のバナー部分のソース(ページ上部の設定・上級者用に記載)
<!-- 琥珀堂 -->
<div  id="琥珀堂"style="position:absolute; z-index:2; top:800px; left:710px;">
<a href="http://une-epine-noire.petit.cc/" target="_blank" title="琥珀堂"><img src="../1img/1locker_img/img20170614182332.jpg" alt="琥珀堂" border="0" width="120" height="50" /></a></a>
</a><br /></div>
で使用している
<div id="琥珀堂"
というidは、たぶん日本語でNGだと思いますので、ここを先に変えてください。
ここでは例として
<div id="kohakudo_banner"
とします。

その後で、さきほど引用した追加CSSの部分に以下を追記します。
#kohakudo_banner { display: none ; }
#banana #kohakudo_banner { /*bananaでだけ琥珀堂のバナーを表示 */
display: block ;
}

※HTMLで記述されている順番に合わせるなら、ひとつめに追加でしょうか。

ここまでの変更を加えることで、日記ページ以外ではバナーが表示されなくなると思います。
お試しください。
2017/09/07(木)  20:02
でこぽんさん、こんばんは。
回答ありがとうございます!

早速教えていただいたとおりに設定してみたのですが、トップページにはまだブクログと琥珀堂のバナーが
表示されている状態です。

トップページからブログパーツを消すにはあとどのようにしたらよいでしょうか…。
お手数おかけして申し訳ありません><
2017/09/08(金)  09:04
今あらためて確認しましたが、こちらの環境では表示されていませんでした。

アさんがお使いのブラウザにキャッシュが残っているためかと思いますので、

Webサイトの更新が反映されない時には、スーパーリロード、キャッシュクリア | okuden-labo
https://okuden-labo.com/home/browser-cache

こちらのサイトで紹介されている方法を参考に、
ブラウザに残っているキャッシュをクリアして再読込してみてください。
2017/09/08(金)  22:40
でこぽんさん、キャッシュクリアを試したら無事トップページから表示が消えました!
何度もありがとうございましたm(_ _)m

↑メインページに戻る

1. 内容はみんなに分かるように、できるだけ詳しく書きましょう。
2. 質問する人も答えてあげる人も、相手を傷つけるような発言は控えてください。
3. 自分が言われて嫌なことは人にも言わないように。
4. ちょっとしたユーモアも忘れずに。
5. 寒いユーモアも暖かく見守ってあげましょう。
6. これらが守られていないコメントは削除することがあります。

助け合い掲示板への投稿は、プチをご利用のお客様のみ可能です。

投稿の際は、認証のためログインしてください。

※ご契約窓口に移動します

旧助け合い掲示板

旧助け合い掲示板の閲覧は、閲覧のみ可能です。
旧助け合い掲示板へ »