[G5][Google] 구글 로그인 아이콘 변경 > 기술자료

• 목록

구글 새로운 로고로 변경합니다

1. 첨부파일 social_google.zip 압축해제후 업로드
adm / img /social / sns_logo2.png
adm / img /social / sns_logo2_not.png

mobile / skin / social / img / sns_google_s.png
mobile / skin / social / img / sns_logo2.png
mobile / skin / social / img / sns_logo2_not.png

skin / social / img / sns_google_s.png
skin / social / img / sns_logo2.png
skin / social / img / sns_logo2_not.png


2. adm / css / admin.css
.sns-wrap-over .sns-google {border-color:#ca2c19}
를 아래와 같이 변경
.sns-wrap-over .sns-google {border-color:#e94336}


3-1. mobile / skin / social / style.css


4-1. skin / social / style.css
google 의 색상값 변경하기
border-color:#ca2c19  를  border-color:#959595  로 변경
background:#dd5443  를  background:#e94336  로 변경
background:url('./img/sns_gp_s.png')  를  background:url('./img/sns_google_s.png')  로 변경
border-bottom:1px solid #c03121  를  border-bottom:1px solid #e94336  로 변경

4-2. skin / social / style.css
#sns_register .sns-google {background-color:#fff;background-position:0 0;border-radius:2px;border:1px solid #999}
#sns_register .sns-google .ico {background:url('./img/sns_gp_s.png') no-repeat;height:30px}
를 아래와 같이 변경
#sns_register .sns-google {background-color:#e94336;background-position:0 0}
/*#sns_register .sns-google .ico {background:url('./img/sns_google_s.png') no-repeat;height:30px}*/