모바일에서 gnb_btn부분을 메뉴아이콘을 바꾸고 싶습니다.

모바일에서 gnb_btn부분을 메뉴아이콘을 바꾸고 싶습니다.

QA

모바일에서 gnb_btn부분을 메뉴아이콘을 바꾸고 싶습니다.

본문

안녕하세요 열을 올리고 홈페이지를 꾸미고 있습니다

 

현재 아래주소와 같은 스킨을 쓰고 있는데요

 

https://theme.sir.kr/gnuboard54/demo/community54?theme=community54&device=mobile

 

파란색으로 오른쪽상단 되어있는 모바일아이콘을 '로그인 아이콘'과 이후 '로그아웃 아이콘'으로

 

각각 달리 적용시키고싶습니다.

 

모바일 css 메뉴에는

 

#btn_side #side_mn_btn{position:absolute; right:10px; top:36px; width:44px; height:18px;background:url('../img/gnb_btn.png') 50% 50% no-repeat; border: none }

 

이런식으로 한개밖에 없어서 로그인과 로그아웃이미지를 달리할 수 없는데 어떤 방법이 있을까요?

 

상당히 초보자라 폴더 수정루트도 적어주시면 너무 감사하겠습니다

 

친절한 답변 감사드립니다.

 

 

이 질문에 댓글 쓰기 :

답변 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 아이디 이름은 저테마에서 사용하지 않네요. 그누보드 기본에도 없는거구요.

답변을 작성하시기 전에 로그인 해주세요.
전체 30
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT