모바일에서 gnb_btn부분을 메뉴아이콘을 바꾸고 싶습니다. 채택완료
안녕하세요 열을 올리고 홈페이지를 꾸미고 있습니다
현재 아래주소와 같은 스킨을 쓰고 있는데요
https://theme.sir.kr/gnuboard54/demo/community54?theme=community54&device=mobile
파란색으로 오른쪽상단 되어있는 모바일아이콘을 '로그인 아이콘'과 이후 '로그아웃 아이콘'으로
각각 달리 적용시키고싶습니다.
모바일 css 메뉴에는
이런식으로 한개밖에 없어서 로그인과 로그아웃이미지를 달리할 수 없는데 어떤 방법이 있을까요?
상당히 초보자라 폴더 수정루트도 적어주시면 너무 감사하겠습니다
친절한 답변 감사드립니다.
답변 3개
Dessi<div id = 'side_mn_btn'>
이런식으로 코드를 가지고 있는 파일을 찾으시고, 상단 메뉴 부분이면 대부분 테마스킨내의 head 파일에 있을겁니다.
그리고 하단에 이렇게 스크립트 추가해주세요.
<script>
jQuery(function($){
if (g5_is_member){
jQuery('#btn_side #side_mn_btn').css({"background":"url(홈페이지주소/img/gnb_btn2.png)", 'background-repeat' : 'no-repeat', 'background-position': '50% 50%'});
}
});
</script>
gml_is_member 가 멤버라는 뜻이므로 로그인한 상태를 나타냅니다. gnb_btn2를 로그인할때 이미지로 보여주시고 위 css에 있는 gnb_btn 은 로그아웃한 상태의 이미지로 하시면 됩니다.
홈페이지 주소는 img/gnb_btn2.png 가 있는 경로의 모든 절대 경로를 기재해주세요. 그누보드 기본 상수로 할수 있는데 경로가 잘 안먹네요.
댓글을 작성하려면 로그인이 필요합니다.
Dessi저 테마 사용하시는거 맞나요? 저 이미지 경로나 css 아이디 이름은 저테마에서 사용하지 않네요. 그누보드 기본에도 없는거구요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인