모바일에서 gnb_btn부분을 메뉴아이콘을 바꾸고 싶습니다.
본문
안녕하세요 열을 올리고 홈페이지를 꾸미고 있습니다
현재 아래주소와 같은 스킨을 쓰고 있는데요
https://theme.sir.kr/gnuboard54/demo/community54?theme=community54&device=mobile
파란색으로 오른쪽상단 되어있는 모바일아이콘을 '로그인 아이콘'과 이후 '로그아웃 아이콘'으로
각각 달리 적용시키고싶습니다.
모바일 css 메뉴에는
이런식으로 한개밖에 없어서 로그인과 로그아웃이미지를 달리할 수 없는데 어떤 방법이 있을까요?
상당히 초보자라 폴더 수정루트도 적어주시면 너무 감사하겠습니다
친절한 답변 감사드립니다.
답변 3
<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 가 있는 경로의 모든 절대 경로를 기재해주세요. 그누보드 기본 상수로 할수 있는데 경로가 잘 안먹네요.
if(!$ismember){ 로그인
}else{ 로그아웃}
ㅠㅠ 글을 쓰시다 짤리신건가 이걸로는 제가 알길이 없네요..
저 테마 사용하시는거 맞나요? 저 이미지 경로나 css 아이디 이름은 저테마에서 사용하지 않네요. 그누보드 기본에도 없는거구요.
네 맞습니다 ㅠ mobile 폴더에 css를 제가 올려드린거구 아니면 일반적인 방법이 따로 있을까요?
