팁과노하우

2024.07.04 10:51

현재 리빌더 공홈 에서 사용하고 있는 메뉴 HTML

CSS 망가지면 말씀주세요.. ㅎ


PC버전 (테마폴더/head.php)


<nav id="cbp-hrmenu" class="cbp-hrmenu pc">
    <ul>
        <li>
            <a href="#" class="font-B">다운로드</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">빌더</h4>
                        <ul>
                            <li><a href="#">빌더 다운로드</a></li>
                            <li><a href="#">사용 가이드</a></li>
                            <li><a href="#">리빌더 데모</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">모듈</h4>
                        <ul>
                            <li><a href="#">최신글</a></li>
                            <li><a href="#">위젯</a></li>
                            <li><a href="#">레이아웃</a></li>
                            <li><a href="#">웹폰트</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">게시판</h4>
                        <ul>
                            <li><a href="#">게시판 스킨</a></li>
                        </ul>
                    </div>


                </div>
            </div>
        </li>
        <li>
            <a href="#" class="font-B">커뮤니티</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">새소식</h4>
                        <ul>
                            <li><a href="#">공지사항</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='<#';">기술지원</h4>
                        <ul>
                            <li><a href="#">개선/제안</a></li>
                            <li><a href="#">질문과 답변</a></li>
                            <li><a href="#t">제작의뢰</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">사용자 포럼</h4>
                        <ul>
                            <li><a href="#">자유 게시판></a></li>
                            <li><a href="#">자료실</a></li>
                            <li><a href="#">팁과노하우</a></li>
                            <li><a href="#">사용후기</a></li>
                        </ul>
                    </div>


                </div>
            </div>
        </li>
        <li>
            <a href="#" class="font-B">기본기능</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B">게시판</h4>
                        <ul>
                            <li><a href="#">일반 </a></li>
                            <li><a href="#">갤러리</a></li>
                            <li><a href="#">웹진</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">회원</h4>
                        <ul>
                            <li><a href="#">포인트 랭킹</a></li>
                            <li><a href="#">실시간 활동알림</a></li>
                            <li><a href="#">미니홈</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">관리</h4>
                        <ul>
                            <li><a href="#">환경 설정</a></li>
                            <li><a href="#">모듈 관리</a></li>
                            <li><a href="#">배너 관리</a></li>
                            <li><a href="#">통합 SEO 관리</a></li>
                            <li><a href="#">게시물 관리</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">마켓</h4>
                        <ul>
                            <li><a href="#" class="work">기본테마</a></li>
                        </ul>
                    </div>
                </div>


            </div>
        </li>


        <li>
            <a href="#" class="font-B">플러스멤버십</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='<#';">게시판</h4>
                        <ul>
                            <li><a href="#">유튜브</a></li>
                            <li><a href="#">캘린더</a></li>
                            <li><a href="#">지도(API)</a></li>
                            <li><a href="#">구인구직</a></li>
                            <li><a href="#">컨텐츠</a></li>
                            <li><a href="#">포인트자료실</a></li>
                            <li><a href="#">거래</a></li>
                            <li><a href="#">예약</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">회원</h4>
                        <ul>
                            <li><a href="#">구독 관리</a></li>
                            <li><a href="#">1:1 채팅(AJAX)</a></li>
                            <li><a href="#">레벨링</a></li>
                            <li><a href="#">포인트 충전</a></li>
                            <li><a href="#">미니홈 플러스</a></li>
                            <li><a href="#">사업자 회원가입</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">시스템</h4>
                        <ul>
                            <li><a href="#">게시물 신고</a></li>
                            <li><a href="#">게시판 기능확장</a></li>
                            <li><a href="#">신청폼 관리</a></li>
                            <li><a href="#">광고 시스템</a></li>
                            <li><a href="#">웹앱 / 푸시알림></a></li>
                            <li><a href="#">다크모드</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">관리</h4>
                        <ul>
                            <li><a href="#">포인트 쿠폰관리</a></li>
                            <li><a href="#">추천인 관리</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">마켓</h4>
                        <ul>
                            <li><a href="#">타임딜</a></li>
                            <li><a href="#">입점사 관리</a></li>
                            <li><a href="#">정산 관리</a></li>
                            <li><a href="#">입점사 상품관리</a></li>
                            <li><a href="#">체험단 관리</a></li>
                        </ul>
                    </div>
                </div>


            </div>
        </li>


    </ul>
</nav>


Mobile 버전 (테마폴더/tail.php)


    <ul>
        <li>
            <a href="#" class="font-B">다운로드</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">빌더</h4>
                        <ul>
                            <li><a href="#">빌더 다운로드</a></li>
                            <li><a href="#">사용 가이드</a></li>
                            <li><a href="#">리빌더 데모</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">모듈</h4>
                        <ul>
                            <li><a href="#">최신글</a></li>
                            <li><a href="#">위젯</a></li>
                            <li><a href="#">레이아웃</a></li>
                            <li><a href="#">웹폰트</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">게시판</h4>
                        <ul>
                            <li><a href="#">게시판 스킨</a></li>
                        </ul>
                    </div>


                </div>
            </div>
        </li>
        <li>
            <a href="#" class="font-B">커뮤니티</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">새소식</h4>
                        <ul>
                            <li><a href="#">공지사항</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='<#';">기술지원</h4>
                        <ul>
                            <li><a href="#">개선/제안</a></li>
                            <li><a href="#">질문과 답변</a></li>
                            <li><a href="#t">제작의뢰</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">사용자 포럼</h4>
                        <ul>
                            <li><a href="#">자유 게시판></a></li>
                            <li><a href="#">자료실</a></li>
                            <li><a href="#">팁과노하우</a></li>
                            <li><a href="#">사용후기</a></li>
                        </ul>
                    </div>


                </div>
            </div>
        </li>
        <li>
            <a href="#" class="font-B">기본기능</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B">게시판</h4>
                        <ul>
                            <li><a href="#">일반 </a></li>
                            <li><a href="#">갤러리</a></li>
                            <li><a href="#">웹진</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">회원</h4>
                        <ul>
                            <li><a href="#">포인트 랭킹</a></li>
                            <li><a href="#">실시간 활동알림</a></li>
                            <li><a href="#">미니홈</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">관리</h4>
                        <ul>
                            <li><a href="#">환경 설정</a></li>
                            <li><a href="#">모듈 관리</a></li>
                            <li><a href="#">배너 관리</a></li>
                            <li><a href="#">통합 SEO 관리</a></li>
                            <li><a href="#">게시물 관리</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B">마켓</h4>
                        <ul>
                            <li><a href="#" class="work">기본테마</a></li>
                        </ul>
                    </div>
                </div>


            </div>
        </li>


        <li>
            <a href="#" class="font-B">플러스멤버십</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner">
                    <div>
                        <h4 class="font-B" onclick="location.href='<#';">게시판</h4>
                        <ul>
                            <li><a href="#">유튜브</a></li>
                            <li><a href="#">캘린더</a></li>
                            <li><a href="#">지도(API)</a></li>
                            <li><a href="#">구인구직</a></li>
                            <li><a href="#">컨텐츠</a></li>
                            <li><a href="#">포인트자료실</a></li>
                            <li><a href="#">거래</a></li>
                            <li><a href="#">예약</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">회원</h4>
                        <ul>
                            <li><a href="#">구독 관리</a></li>
                            <li><a href="#">1:1 채팅(AJAX)</a></li>
                            <li><a href="#">레벨링</a></li>
                            <li><a href="#">포인트 충전</a></li>
                            <li><a href="#">미니홈 플러스</a></li>
                            <li><a href="#">사업자 회원가입</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">시스템</h4>
                        <ul>
                            <li><a href="#">게시물 신고</a></li>
                            <li><a href="#">게시판 기능확장</a></li>
                            <li><a href="#">신청폼 관리</a></li>
                            <li><a href="#">광고 시스템</a></li>
                            <li><a href="#">웹앱 / 푸시알림></a></li>
                            <li><a href="#">다크모드</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">관리</h4>
                        <ul>
                            <li><a href="#">포인트 쿠폰관리</a></li>
                            <li><a href="#">추천인 관리</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-B" onclick="location.href='#';">마켓</h4>
                        <ul>
                            <li><a href="#">타임딜</a></li>
                            <li><a href="#">입점사 관리</a></li>
                            <li><a href="#">정산 관리</a></li>
                            <li><a href="#">입점사 상품관리</a></li>
                            <li><a href="#">체험단 관리</a></li>
                        </ul>
                    </div>
                </div>


            </div>
        </li>


    </ul>
  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기

    댓글목록

    profile_image
    no_profile rainbow미니홈 1:1 대화하기  오래 전

    펄스나인님 감사합니다 ~

    2024-07-04 11:10

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    감사합니다 :D

    2024-07-04 11:22

    profile_image
    no_profile rainbow미니홈 1:1 대화하기  오래 전

    테스트해보니 깨짐 없이 잘 적용이 됩니다.
    위 내용에서 pc용(head.php)은 menu.pc.php 파일을 만들어서 넣어주시고,
    mobile용(tail.php)은 menu.mobile.php 파일을 만들어서 아래와 같이 파일을 불러오면 깔끔합니다.

    head.php 파일 95~133줄의 내용을 include_once(G5_THEME_PATH.'/menu.pc.php');
    tail.php 파일 153~186줄에  include_once(G5_THEME_PATH.'/menu.mobile.php');

    그리고, menu.pc.php, menu.mobile.php 파일 상단에 아래 내용 넣어주면 더 좋아요.
    <?php
    if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
    ?>

    2024-07-04 12:54

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    다행입니다~ !
    팁공개 고맙습니다~

    2024-07-04 13:22

    profile_image
    April미니홈 1:1 대화하기  오래 전

    감사합니다
    아낌없이 주시네요

    2024-07-04 13:23

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    ㅎㅎ 마구마구 드리겠습니다~

    2024-07-04 13:56

    profile_image
    no_profile 팡야미니홈 1:1 대화하기  오래 전

    오 공개 감사합니다

    2024-07-04 15:34

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    감사합니다 ㅎㅎ

    2024-07-05 10:00

    profile_image
    no_profile decoy미니홈 1:1 대화하기  오래 전

    음 저는 맨 마지막 플러스 멤버쉽에서 4열밖에 나오지 않네요 5열째 메뉴들이 4열 밑으로 들어가버립니다..
    일단 5열에 있는것들은 지웠는데 영향 있는것들이 있을까요? 순정에 리빌더만 설치한 상태입니다..

    2024-07-04 20:25

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    해상도 때문일것같습니다~
    필요하지 않는 부분은 지우셔도 무방합니다 ^^

    2024-07-05 10:01

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기  오래 전

    궁금했는데, 감사합니다 ^^

    2024-07-05 09:44

    profile_image
    펄스나인미니홈 1:1 대화하기  오래 전

    감사합니다 ~ 자주좀 오세요! ㅎㅎ

    2024-07-05 10:01

    profile_image
    no_profile 삼다수미니홈 1:1 대화하기  오래 전

    shop 쪽 모바일은 어떻게 적용하나요?
    PC는 적용을 했는데 shop 모바일 쪽은 어디를 지우고 해야 할 지...

    2024-12-19 15:58