0

次のコード行があります。

<div align="center" style="margin-bottom: 5px; margin-top: 35px;">
<!-- AD CODE HERE -->
</div>

私のサイトに従ってください: http://www.electronicsforum.in/

ゲスト ユーザーの場合は、「ログイン/登録してください」というポップアップ メッセージが表示されます。私はこれに問題はありません。しかし、ログイン後、の
を非表示にしたい。margin-topdiv

4

4 に答える 4

1

どうしたの

現在、あなたが使用している HTML テンプレートは、ユーザーに登録/ログインするように伝えるメッセージを含むメッセージのdiv前に、広告を含むものを配置しています。div登録/ログインdivが一番上にある必要があるので、あなたはそれをabsolute嘘をついpositionています。margin-topこれにより、ads でa を使用することが強制されますdiv。

2 つのオプションがあります。これが構築されている任意のバックエンド言語を使用して、ユーザーがログインしているかどうかのチェックを実行し、 に設定される広告に呼び出さloggedinれるクラスを追加できます。divmargin-top0

2 番目のオプションは、HTML の出力を反転してposition:absoluteから、 register/login から削除することdivです。バックエンドの構築方法については何も言わないので、2 番目のオプションを実行する方法を示します。

コード

現在の HTML

<div align="center" style="margin-bottom: 5px; margin-top: 35px;"></div>

<div id="topbar" onclick="document.getElementById('topbar').style.visibility='hidden'; window.location=smf_scripturl + '?action=register';"></div>

<div id="wrapper" style="width: 90%"></div>

現在の CSS:

#topbar {
    background: #ffffe0;
    border-bottom: solid 1px #F0C36D;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
    clear: both;
    float: left;
    left: 0px;
    padding: .45em .3em .45em 2em;
    position: absolute;
    top: 0px;
    width: 100%;
}

新しい HTML (上の 2 つの s を反転してdiv削除しmargin-top:35px;ます)

<div id="topbar" onclick="document.getElementById('topbar').style.visibility='hidden'; window.location=smf_scripturl + '?action=register';"></div>

<div align="center" style="margin-bottom: 5px;"></div>

<div id="wrapper" style="width: 90%"></div>

新しい CSS ( を削除position:absolute;)

#topbar {
    background: #ffffe0;
    border-bottom: solid 1px #F0C36D;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
    clear: both;
    padding: .45em .3em .45em 2em;
    width: 100%;
}

編集

コメントに返信するには: 条件付きチェックが必要です。たとえば、WordPress では、次のように記述します。

<div align="center" style="margin-bottom: 5px; <?php if (is_user_logged_in()) {echo 'margin-top:35px;'} ?>"></div>
于 2014-04-09T16:38:04.600 に答える
0

ヘッダーに追加します。

    <?php if ( is_user_logged_in() ) { ?>
    <style type="text/css">
        #topbar{
            display:none;
        }
        body div:first-child {
            margin-top:0!important;
        }
    </style>
   <?php }?>

ここに画像の説明を入力

于 2014-04-10T08:02:51.577 に答える