다국어 테마 질문 드립니다.

댓글내용 확인

안녕하세요. 두가지 질문을 주셨는데요~
우선 슬라이드 배경 세로 사이즈 조절하는 방법에 대해서 설명드리겠습니다.
아래 보시면 데스크탑에서 해당 슬라이드를 조절하실 수 있는데요
570px 값을 별도 조정하시거나 화면에 세로를 꽉 채우시려면 height : 100vh; 로 작성해주시면
브라우저 크기에 맞게 자동으로 호면이 채워지게 됩니다.

아래쪽 코드위치는 테마폴더에 css/common.css 999번째 줄에 있으니 확인 부탁드리겠습니다.


 

네비게이션의 하얀색 배경을 투명으로 변경을 하실 수 는 있으나
작업이 생각보다 많아 지게 됩니다.

기존에 다국어 테마에 다른 버전이 적용되어져 있긴 합니다.
http://theme_lang_5.ety.kr/

위 내용과 비슷하게 작업하시려면 아래를 참고해주세요. 완벽하지 않지만 수정할게 생각보다 많습니다.

1. common.css 맨 마지막에

}

위 코드를 추가해줍니다.
해당 아이디값에 고정으로 변경을 해야 합니다.
그럼 슬라이드가 위로 올라가서 맞춰지게 됩니다.

아래 코드 보시면 해당 common.css 로 이동해보시면
배경화면이 투명하게 처리된 모습 입니다.
아래 처럼 기존 값을 주석처리하고 새로 19%정도로 맞춰서 테스트 해보세요. 
그럼 슬라이드가 밑에 깔리게 네비가 위로 올라가게 됩니다.





3. 스티키 메뉴 스크롤시에 햐안색 배경을 유지해줘야 합니다.
테마폴더 / js / custom.js 첫번째줄 보시면 아래 처럼 코드를 추가해주시면 스크롤을 내리게 되면
바로 흰색 배경으로 변경하게 됩니다.

$(document).ready(function () {

    $(window).on('scroll', function() {

        var scroll = $(window).scrollTop();

        if (scroll > 0) {

            $("#sticky-wrapper").css("background-color", "white");

        } else {

            $("#sticky-wrapper").css("background-color", "transparent");

        }

    });

});

위 내용을 추가하더라도 몇가지 문제점이 있습니다.

1. 처음 접속하자마자 투명 네비게이션이 되어야 하는데 흰색으로 나옵니다.
이 부분은 찾아서 변경해주셔야 합니다. 시간이 너무 많이 걸리는 관계로 제가 기본적인 부분만 설명드렸습니다.

2. 네비게이션의 텍스트 색상을 흰색응로 변경해주셔야 합니다.

나머지 오류등이 더 있을 수 있습니다. 
모바일쪽도 봐야 합니다.

작업이 생각 보다 많아서 모두 답변 어려운점은 양해드리며
되도록 미리 작업 작업되어져 있는 테마를 사용해주시면 좋을것 같습니다.

감사합니다.



 

댓글내용 확인

안녕하세요.
1차 메뉴일때 하단 라인이 보이는것은 쉐도우 효과 때문에 그렇습니다.
아래 블럭된 코드가 해당 라인들 이니 해당 내용을 주석처리 해주시면 
하단 라인이 없어지게 됩니다.

댓글내용 확인

댓글내용 확인

댓글내용 확인

댓글내용 확인

더 궁금한 내용들이 있으시면 코멘트 주세요.
작업 하시다가 잘 못찾으시거나 하시면 다시 코멘트 드리겠습니다.
감사합니다.