유저 자료실

2025.09.08 13:17

다음 스타일 헤더 레이아웃

검색시 검색결과가 표시되지 않는 오류를 수정하였습니다.
(검색 파라미터 누락)

1757320589_f2646cecfc0f12c1_clipboard_image_1757320589285.png






다음 홈페이지를 참고하여 제작 된 (포털형) 헤더 레이아웃 입니다.
(참고는 하였으나... 결과물을 보니 똑같지는 않네요....)
다음 폴더에 업로드 후 빌더 환경설정 패널에서 헤더 레이아웃을 portal로 선택해주세요.

* 검색창 내부의 로고는 리빌더 환경설정의 "모바일 로고"를 사용합니다.

각 메뉴명과 매칭된 아이콘이 있을경우 (header.php 60번째줄) 해당 아이콘을 불러옵니다.
매칭된 아이콘이 없을경우 메뉴의 첫 글자를 아이콘으로 사용합니다.

샘플에 사용된 아이콘은 아래 홈페이지를 참고해주세요.
https://heroicons.com/
  • Preview Image

  • 여러 환경에서 테스트 되지 못해 예상치 못한 상황에 오류가 발생될 수 있습니다.
    댓글로 피드백 남겨주시면 최대한 수정하겠습니다.




    @bank365 님의 요청으로 새글 아이콘 출력을 포함합니다.
     
    위 게시글을 참고하여 extend 폴더에 파일 업로드를 하시는 경우 새글 아이콘이 출력 됩니다.
    설치하지 않아도 사용에 문제는 없습니다.

    새글 아이콘 색상 변경 : 헤더레이아웃/portal/style.css 14번째줄




    PC 화면 헤더 미리보기
    Uploaded Image





    모바일 화면 헤더 미리보기
    Uploaded Image





    모바일 화면 더보기 미리보기
    Uploaded Image





    메뉴 아이콘 미리보기
    1757305065_2ed6adc46dbaf328_clipboard_image_1757305065740.png

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

      댓글목록

      profile_image
      웨이비어스미니홈 1:1 대화하기  22일 전

      이야..... 디자인 장난아니게 좋은데요?

      2025-09-08 14:35

      profile_image
      HUMHAE미니홈 1:1 대화하기  22일 전

      감사합니다... 곧 수정된 코드 업로드 해드리니 참고 부탁드립니다 ㅎㅎ

      2025-09-08 16:13

      profile_image
      웨이비어스미니홈 1:1 대화하기  21일 전

      이왕이면 쇼핑몰영역에서도 흐흐흐

      2025-09-09 15:42

      profile_image
      bank365미니홈 1:1 대화하기  22일 전

      굿굿굿
      절에가서 굿판 벌여야 할 정도로 굿 입니다욧!!!!
      지금은 잠시 내려갔지만 수정버전 나오면 바로 적용하고 싶어요
      험해님 굿굿굿

      2025-09-08 14:56

      profile_image
      HUMHAE미니홈 1:1 대화하기  22일 전

      감사합니다! 최근검색어 밑 연관 게시글 검색을 추가하고 있고 지금 코드 마무리중입니다!

      2025-09-08 16:14

      profile_image
      bank365미니홈 1:1 대화하기  22일 전

      PC or 모바일서 NEW 마크도 보이면 좋을것 같아요

      저번에 험해님이 제공해주신 NEW 아이콘은 PC 서만 되서 많이 아쉬웠거든요 ㅎ

      2025-09-08 16:25

      profile_image
      HUMHAE미니홈 1:1 대화하기  22일 전

      해당 코드 같이 첨부해서 넣어드릴게요~

      2025-09-08 16:32

      profile_image
      no_profile decoy미니홈 1:1 대화하기  22일 전

      고수분들이 계셔서 리빌더를 떠날수가 없네요 ㅎㅎ

      2025-09-08 17:28

      profile_image
      bank365미니홈 1:1 대화하기  22일 전

      적용완료!!!
      감사합니닷

      2025-09-08 18:57

      profile_image
      no_profile rainbow미니홈 1:1 대화하기  22일 전

      감사합니다.
      저도 적용해 봐야겠네요~~

      2025-09-08 19:46

      profile_image
      y키다리미니홈 1:1 대화하기  22일 전

      와~~ 홈페이지가 엄청 이뻐졌네요!  너무 감사합니다~!

      2025-09-08 21:28

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

      감사합니다 ^^

      2025-09-09 10:05

      profile_image
      no_profile 초보개발업미니홈 1:1 대화하기  21일 전

      어디 폴더에 업로드 해야 하나요??

      2025-09-09 17:59

      profile_image
      HUMHAE미니홈 1:1 대화하기  21일 전

      그누보드/theme/rb.basic/rb.layout_hd/portal 입니다.

      2025-09-09 18:06

      profile_image
      no_profile 초보개발업미니홈 1:1 대화하기  20일 전

      감사합니다!

      2025-09-10 18:12

      profile_image
      no_profile 초보개발업미니홈 1:1 대화하기  20일 전

      이거 어느정도 스크롤을 내리다 보면 메뉴가 사라지는데 끝까지 스크롤 내려도 나오게할려면 어디 부분을 수정해야할까요?

      2025-09-10 18:12

      profile_image
      HUMHAE미니홈 1:1 대화하기  20일 전

      gnb에 걸려있는 position:sticky; 의 한계 입니다.
      fixed로 바꿔주어야 하는데 gnb만 스크롤에 따라 fixed를 지정하기 위해서는 자바스크립트를 사용하셔야합니다.
      나중에 시간이 될 때 해당코드도 별도로 제공해드리겠습니다.

      2025-09-10 18:13

      profile_image
      y키다리미니홈 1:1 대화하기  18일 전

      죄송한데;; 검색칸에 검색어를 넣고 치면 검색내용이 안나오네요..;;;

      2025-09-13 04:02

      profile_image
      HUMHAE미니홈 1:1 대화하기  17일 전

      해당 문제 수정하여 재 업로드 하였습니다.
      감사합니다.

      2025-09-13 07:30

      profile_image
      y키다리미니홈 1:1 대화하기  17일 전

      감사합니다~^^

      2025-09-13 10:52

      profile_image
      no_profile 데브이미니홈 1:1 대화하기  7일 전

      비밀글 댓글내용 확인

      2025-09-23 17:13

      profile_image
      no_profile 데브이미니홈 1:1 대화하기  6일 전

      모바일도 아이콘이 나오면 좋겠네요~

      2025-09-24 13:47

      profile_image
      웨이비어스미니홈 1:1 대화하기  3일 전

      우선 해더 스킨 너무 감사하다고 먼저 인사드립니다.
      다국어 위젯이 안나오는 현상이 있어서 쪽지 위에 영역에 코드 한줄 추가하면 다국어 위젯 나올겁니다
      <li class="qm_wrap"></li>

      덕분에 잘 쓰겟습니다!

      2025-09-27 18:58

      profile_image
      HUMHAE미니홈 1:1 대화하기  3일 전

      사용하지 않다보니 다국어를 생각 안했네요.
      다음으로 배포 준비중인 헤더에는 포함해보도록 하겠습니다!

      알려주셔서 감사합니다 (__)

      2025-09-27 20:17