테스트 사이트 - 개발 중인 베타 버전입니다

style 위치좀 봐주십시요 채택완료

아스널 11년 전 조회 5,125

 

 

알림을 클릭하면 포인트밑으로 알림창이 나옵니다.

알림 글 바로 밑으로 알림창을 옮기고 싶은데 방법을 모르겠습니다.
현재는 포인트창 밑으로 가 있는데... 방법을 구합니다.
 <!-- 알리미 -------------->
</div><div style="margin: 0px; padding: 0px;">  <?php</div><div style="margin: 0px; padding: 0px;">  $unreads = psm_unreads();</div><div style="margin: 0px; padding: 0px;">  ?></div><div style="margin: 0px; padding: 0px;">  <a href="<?php echo GP_URL; ?>/do.php?id=pushmsg&act=psm_list" id="psm_notice"></div><div style="margin: 0px; padding: 0px;">    알림 <span class="psm_total"><?php echo $unreads['total'];?></span></div><div style="margin: 0px; padding: 0px;">  </a></div><div style="margin: 0px; padding: 0px;">  <div id="psm_unread_list"></div><div style="margin: 0px; padding: 0px;">    <ul></div><div style="margin: 0px; padding: 0px;">    <?php</div><div style="margin: 0px; padding: 0px;">    foreach($unreads['list'] as $item)</div><div style="margin: 0px; padding: 0px;">    {</div><div style="margin: 0px; padding: 0px;">      echo '<li><a href="'.$item['link'].'" data-psm-type="'.$item['push_type']</div><div style="margin: 0px; padding: 0px;">            .'" data-pid="'.$item['id'].'">'.$item['subject'].'</a></li>';</div><div style="margin: 0px; padding: 0px;">    }</div><div style="margin: 0px; padding: 0px;">    ?></div><div style="margin: 0px; padding: 0px;">    </ul></div><div style="margin: 0px; padding: 0px;">    <?php if($unreads['total'] == 0) { </div><div style="margin: 0px; padding: 0px;">      echo '<div id="psm_nolist">새로운 알림이 없습니다.</div>';</div><div style="margin: 0px; padding: 0px;">    }</div><div style="margin: 0px; padding: 0px;">    ?></div><div style="margin: 0px; padding: 0px;">    <a href="<?php echo GP_URL; ?>/do.php?id=pushmsg&act=psm_list" id="psm_list_all">모두보기</a></div><div style="margin: 0px; padding: 0px;">  </div></div><div style="margin: 0px; padding: 0px;">  <script type="text/javascript"></div><div style="margin: 0px; padding: 0px;">  $('#psm_notice').click(function(evt) {</div><div style="margin: 0px; padding: 0px;">    evt.preventDefault();  </div><div style="margin: 0px; padding: 0px;">    $('#psm_unread_list').toggle();</div><div style="margin: 0px; padding: 0px;">  });</div><div style="margin: 0px; padding: 0px;">  $('#psm_unread_list li a').click(function(evt) {</div><div style="margin: 0px; padding: 0px;">    evt.preventDefault();</div><div style="margin: 0px; padding: 0px;">    var $this = $(this);</div><div style="margin: 0px; padding: 0px;">    var href = $this.attr('href');</div><div style="margin: 0px; padding: 0px;">    var push_type = $this.attr('data-psm-type');</div><div style="margin: 0px; padding: 0px;">    $.ajax({</div><div style="margin: 0px; padding: 0px;">      url: '<?php echo GP_URL;?>/do.php?id=pushmsg&act=psm_read_one&pid='+$(this).attr('data-pid'),</div><div style="margin: 0px; padding: 0px;">      type : 'post',</div><div style="margin: 0px; padding: 0px;">      dataType : 'json',</div><div style="margin: 0px; padding: 0px;">      error : function(jqXHR, textStatus, errorThrown) {</div><div style="margin: 0px; padding: 0px;">        alert(errorThrown);</div><div style="margin: 0px; padding: 0px;">      },</div><div style="margin: 0px; padding: 0px;">      success : function(json) {</div><div style="margin: 0px; padding: 0px;">        if(json.code == -1) { alert(json.msg); return; }</div><div style="margin: 0px; padding: 0px;">        if(push_type == 'memo') { win_memo(href); return; }</div><div style="margin: 0px; padding: 0px;">        location.href=href;</div><div style="margin: 0px; padding: 0px;">      }</div><div style="margin: 0px; padding: 0px;">    });</div><div style="margin: 0px; padding: 0px;">  });</div><div style="margin: 0px; padding: 0px;">  </script></div><div style="margin: 0px; padding: 0px;">  <style></div><div style="margin: 0px; padding: 0px;">    .psm_notice{display:inline-block;padding:3px 5px;</div><div style="margin: 0px; padding: 0px;">      border:1px solid #eee;cursor:pointer;text-decoration:none;}</div><div style="margin: 0px; padding: 0px;">    .psm_total{display:inline-block;padding:0px 10px;</div><div style="margin: 0px; padding: 0px;">      background-color:#f2f5f9;color:#ff0000; font-weight:bold;</div><div style="margin: 0px; padding: 0px;">      border-radius: 10px 10px 10px 10px;}</div><div style="margin: 0px; padding: 0px;">    #psm_unread_list{position:absolute;display:none;margin:17;</div><div style="margin: 0px; padding: 0px;">      padding:20px;min-width:150px;width:350px;border:11px solid #eee;</div><div style="margin: 0px; padding: 0px;">      background-color:#fff;z-index:999}</div><div style="margin: 0px; padding: 0px;">    #psm_unread_list ul{margin:0;padding:0}</div><div style="margin: 0px; padding: 0px;">    #psm_unread_list li{padding:3px;list-style:none;}</div><div style="margin: 0px; padding: 0px;">    #psm_unread_list li:before{content:"·";font-size:25px;</div><div style="margin: 0px; padding: 0px;">      vertical-align:middle;line-height:10px;}</div><div style="margin: 0px; padding: 0px;">    #psm_unread_list li a{font-size:11px;text-decoration:none;}</div><div style="margin: 0px; padding: 0px;">    #psm_nolist{padding:20px 10px;color:#aaa;text-align:center;}</div><div style="margin: 0px; padding: 0px;">    #psm_list_all{display:block;margin-top:3px;padding:2px;</div><div style="margin: 0px; padding: 0px;">      border-top:1px solid #eee;text-align:center;font-size:11px;}</div><div style="margin: 0px; padding: 0px;">    #psm_list_all:hover{color:#EF77EE;}</div><div style="margin: 0px; padding: 0px;">  </style></div></div><p><span style="color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.100000381469727px;">  <!-- // 알리미 --------------></span><br style="clear:both;">

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
11년 전

css 파일의 

#psm_unread_list​ 값에

 

left:50%;

margin-left: [예제] -30px;

 

위 -30px을 조절해서 알림메뉴 아래로 오게 조절하시면됩니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아스널
11년 전
감사합니다~ 깔끔하게 처리되었습니다.
늦게 확인을 하였습니다.~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인