상세정보

(해당 스킨은 리빌더 basic 헤더 스킨으로 제작되었습니다.)

css 파일 업로드 경로

/theme/rb.basic/rb.layout_hd/basic/dynamic_header.css

설정 방법

1. 위 경로에 맞게 CSS 파일을 업로드 해주세요.

2. 업로드 한 폴더의 경로에 있는 header.php 파일을 수정합니다.

3. 파일 가장 하단에 아래 스크립트를 추가합니다.

최대한 손이 덜 가는 방법으로 생각해서, CSS 파일을 스크립트에서 로드하도록 했습니다.

(한 번의 코드 복사로만 작동될 수 있도록...)

	<script>
		$('<link/>', {
		rel: 'stylesheet',
		type: 'text/css',
		href: '<?php echo G5_THEME_URL;?>' + '/rb.layout_hd/' + '<?php echo $rb_core['layout_hd'];?>/dynamic_header.css'
		}).appendTo('head');
		
		$(window).on('scroll', function() {
			if ($(this).scrollTop() >= 80) {
				$('#header').addClass('scrolling');
			} else {
				$('#header').removeClass('scrolling');
			}
		});
	</script>

결과물 미리보기

• HUMHAE미니홈 1:1 대화하기
• 오래 전
  834
  10

목록

댓글 10

댓글목록



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

벌써 올리셨군요. 멋집니다. ^^
즐거운 추석 보내세요.

2024-09-15 22:06

벌써 올리셨군요. 멋집니다. ^^ 즐거운 추석 보내세요.



HUMHAE미니홈 1:1 대화하기 오래 전 작성자

감사합니다!
즐거운 한가위 보내세요~

2024-09-16 07:57

감사합니다! 즐거운 한가위 보내세요~



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

바로 적용해봤습니다.
존예 네요^^
좋은 자료 공유 감사합니다
너무 이뻐서 basic_row버리고 basic 이용중 이에요^^
즐거운 한가위 연휴 보내세요~

2024-09-16 07:45

바로 적용해봤습니다. 존예 네요^^ 좋은 자료 공유 감사합니다 너무 이뻐서 basic_row버리고 basic 이용중 이에요^^ 즐거운 한가위 연휴 보내세요~



HUMHAE미니홈 1:1 대화하기 오래 전 작성자

감사합니다!
basic_row로도 한 번 연구를 해봐야겠네요 ㅎㅎ
즐거운 한가위 보내세요~

2024-09-16 07:58

감사합니다! basic_row로도 한 번 연구를 해봐야겠네요 ㅎㅎ 즐거운 한가위 보내세요~



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

감사합니다
잘 사용하겠습니다

2024-09-16 20:41

감사합니다 잘 사용하겠습니다



재아미니홈 1:1 대화하기 오래 전

미리보기 이미지를 올려주시니깐 더 쉽게 이해가 되네욧~

2024-09-17 18:12

미리보기 이미지를 올려주시니깐 더 쉽게 이해가 되네욧~



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

작은 변화로 큰 느낌을 줍니다.
리빌더에 옵션으로 추가되면 더 좋을꺼 같네요.

2024-09-20 10:35

작은 변화로 큰 느낌을 줍니다. 리빌더에 옵션으로 추가되면 더 좋을꺼 같네요.



아가싱즈미니홈 1:1 대화하기 오래 전

필요해서 만들려고 하다가 본 기억이 있어서 찾아봤더니 있었네요.
잘 작동되네요.
감사합니다.

2024-10-25 13:16

필요해서 만들려고 하다가 본 기억이 있어서 찾아봤더니 있었네요. 잘 작동되네요. 감사합니다.



이진수미니홈 1:1 대화하기 오래 전

멋저요. 적용해보도록 하겠습니다.

2024-11-01 10:39

멋저요. 적용해보도록 하겠습니다.



초보개발중미니홈 1:1 대화하기 오래 전

모바일에서는 적용이 안되는데 모바일에서 적용할려면 어떻게 해야하나요?

2025-07-08 18:52

모바일에서는 적용이 안되는데 모바일에서 적용할려면 어떻게 해야하나요?