답변 7개
답변에 대한 댓글 2개
그누보드 상단에 넣으려면 어떻게 해야 하는지 알수 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
https://codepen.io/sinbi/pen/mdVEEoM 예제를 기준으로 설명드리면,
basic테마 pc기준으로, 메뉴바의 id값이 gnb입니다
default.css안의 #gnb 값을 다음과 같이 수정하십니다.
background-image: 이미지에는 이미지 주소값을 넣고,
</strong></p>
<p>#gnb {position:relative;width: 100%;</p>
<p> height: 100%;</p>
<p> max-height: 750px;</p>
<p> background-image: url(<a href="https://raw.githubusercontent.com/s1mpson/-/master/codepen/infinite-photo-grid/photo-grid.jpg);" target="_blank" rel="noopener noreferrer">https://raw.githubusercontent.com/s1mpson/-/master/codepen/infinite-photo-grid/photo-grid.jpg);</a></p>
<p> background-size: calc(4.84 * min(100vh, 750px)) min(100vh, 750px);</p>
<p> background-repeat: repeat-x;</p>
<p> animation: scroll 50s linear infinite;}</p>
<p><strong>
하단에 추가
</strong></p>
<p>@keyframes scroll {</p>
<p> from {</p>
<p> background-position: left calc(4.84 * min(100vh, 750px)) top 0px;</p>
<p> }</p>
<p> to {</p>
<p> background-position: left 0px top 0px;</p>
<p> }</p>
<p>}</p>
<p><strong>
메뉴 글자크기는 별도로 수정하셔야 될것같습니다.
가장 간단히 넣을수 있는 방법 입니다 ^^
답변에 대한 댓글 1개
공부해보겠습니다
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
공부해서 적용해보겠습니다
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
그런데 자동으로 슬라이드 되는걸 원하는데 한 번 공부해보겠습니다
이걸 그누보드에 적용 하려면 어떻게 해야 하나요?
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
이것을 메인 화면 상단 배경에 넣는 법을 잘 모르겠어요
댓글을 작성하려면 로그인이 필요합니다.
슬라이드는 bxslider가 가장 좋지 않을까 쉽네요. 어디에나 쉽게 넣을수있고요.
https://sir.kr/g5_skin/16847">그누보드 - 어디에나 쉽게 넣을 수 있는 슬라이더(bxslider) > 그누보드5 스킨 (sir.kr)
답변에 대한 댓글 3개
김철용님 유투브는 구독해서 공부중입니다
세팅하는거서부터 보고 따라하고 있습니다
서브화면은 다른 배경이미지를 넣는 법은 배워서 적용해 봤습니다
메인 화면만 넣으면 되는데 그걸 어디에 어떻게 넣어야 하는지 모르겠더라고요
댓글을 작성하려면 로그인이 필요합니다.
현재 작업된 상황,
현재 작업된 페이지,
현재 작업된 소스,
현재 참고중인 소스
현재 참고중인 페이지 등등
본인이 현재 할수있는 능력을 기본적으로 알려주셔야 알려드릴수있습니다
키비쥬얼을 슬라이로 하고싶다고 하셨는데
슬라이드 소스는 가지고 계신가요? 슬라이드 js 관련해서 검색해보시면
샘플이 줄기차게나올겁니다 그 소스를 가지고 일단 적용시켜보세요
그리고 어디서 막히는지, 또는 이 샘플을 내 소스의 어디에 반영시켜야하는지
이런걸 물어보시면 해결이 빠를것같네요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이 슬라이드 위에 메뉴바가 뜨게 하고 싶거든요