글 수정

작성자 본인만 수정할 수 있습니다

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