익명 ·
2023.12.04 ·
조회 25,689
회원 전용 메뉴 구현
<p><?php if($member[mb_level] >= 2) { ?> 원하는html코드 <?php } ?>형태로 사용할 수 있다, 여기서 2는 회원의 기본 레벨이며, 비회원의 레벨은 1이므로 보이지 않게 된다, (레벨이 숫자와 같거나 큰 사람에게만 보인다는 말)</p><p><br></p><p><?php if($member[mb_level] >= 2) { ?></p><p> <button type="button" id="MmenuButton"></p><p> <i class="fa fa-arrow-down" aria-hidden="true"></i><span class="sound_only">글쓰기</span></p><p> </button></p><p> <div id="Mmenu"></p><p> <button onclick="navigateTo('링크')">Clip URL | URL 단축기</button></p><p> <button onclick="navigateTo('링크2')">Clip code | html 페이지 생성</button></p><p> <button onclick="navigateTo('링크3')">Quick Graph | 그래프 생성기</button></p><p> <button onclick="navigateTo('링크4')">1:1 채팅</button></p><p> <button onclick="navigateTo('링크5')">IT</button></p><p> <button onclick="navigateTo('링크6')">블로그</button></p><p> </div></p><p><?php } ?></p><p> <script></p><p> var menuVisible = false;</p><p> document.getElementById('MmenuButton').addEventListener('click', function () {</p><p> var menu = document.getElementById('Mmenu');</p><p> if (menuVisible) {</p><p> menu.style.display = 'none';</p><p> } else {</p><p> menu.style.display = 'block';</p><p> }</p><p> menuVisible = !menuVisible;</p><p> });</p><p> function navigateTo(url) {</p><p> window.location.href = url;</p><p> }</p><p> </script></p><p><style></p><p> #MmenuButton {</p><p> position: fixed;</p><p> bottom: 50px;</p><p> right: 15px;</p><p> width: 50px;</p><p> height: 50px;</p><p> line-height: 50px;</p><p> border: none;</p><p> border-radius: 50%;</p><p> background: rgba(23, 23, 23);</p><p> color: #ffffff;</p><p> text-align: center;</p><p> font-size: 15px;</p><p> z-index: 99;</p><p> margin-right: 10px;</p><p> cursor: pointer;</p><p> }</p><p> #Mmenu {</p><p> position: fixed;</p><p> bottom: 190px;</p><p> right: 15px;</p><p> display: none;</p><p> z-index: 100;</p><p> background-color: rgba(63, 63, 63);</p><p> border: 1px solid rgba(53, 53, 53, 0.5);</p><p> border-radius: 5px;</p><p> padding: 10px;</p><p> }</p><p> #Mmenu button {</p><p> display: block;</p><p> width: 100%;</p><p> background: none;</p><p> border: none;</p><p> padding: 5px 0;</p><p> color: #ffffff;</p><p> text-align: left;</p><p> cursor: pointer;</p><p> border-bottom:1px solid #5a5a5a</p><p> }</p><p> #Mmenu button:hover {</p><p> background-color: rgba(100, 100, 100, 0.5);</p><p> }</p><p> </style></p>