CSS

[css] CSS - 구글 번역바 숨기기/제거 (Google TranslateBar hide/remove)

구글 번역바 숨기기

아래 클래스 추가

 

.skiptranslate { display: none; }

 


 

<a href="#" onclick="doGTranslate('ko|ko');return false;" title="한국어" class="gflag nturl" style="background-position:-0px -200px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="한국어"/></a>

<a href="#" onclick="doGTranslate('ko|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="English"/></a>

<a href="#" onclick="doGTranslate('ko|zh-CN');return false;" title="中文" class="gflag nturl" style="background-position:-300px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="中文"/></a>

<a href="#" onclick="doGTranslate('ko|ja');return false;" title="日本語" class="gflag nturl" style="background-position:-700px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="日本語"/></a>

<a href="#" onclick="doGTranslate('ko|vi');return false;" title="Việt Nam" class="gflag nturl" style="background-position:-200px -400px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Vietnam"/></a>

<div id="google_translate_element2"></div>

<script type="text/javascript">

function googleTranslateElementInit2() {

    new google.translate.TranslateElement({

        pageLanguage: 'ko',

        autoDisplay: false

    }, 'google_translate_element2');

}

</script>

<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>

<script type="text/javascript">

/* <![CDATA[ */

eval(function (p, a, c, k, e, r) {

    e = function (c) {

        return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))

    };

    if (!''.replace(/^/, String)) {

        while (c--) r[e(c)] = k[c] || e(c);

        k = [function (e) {

            return r[e]

        }];

        e = function () {

            return '\\w+'

        };

        c = 1

    }

    while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);

    return p

}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {}))

/* ]]> */

</script>

<style type="text/css">

a.gflag {vertical-align:middle;font-size:15px;padding:0px;background-repeat:no-repeat;background-image:url(https://www.drupal.org/files/issues/2018-06-04/16.png)}

a.gflag img {border:0}

a.gflag:hover {background-image:url(https://www.drupal.org/files/issues/2018-06-04/16a.png)}

#goog-gt-tt {display:none !important}

.goog-te-banner-frame {display:none !important}

.goog-te-menu-value:hover {text-decoration:none !important}

body {top:0 !important}

#google_translate_element2 {display:none !important}

.skiptranslate {display:none}

</style>

 

결과보기

관련글: https://sir.kr/qa/497764


분류 제목
grid CSS - row-gap 속성(C) - (grid/flex)레이아웃 행간 간격 지정 (= row-gap속성 …
css CSS - 화면분할 좌측사이드 영역 스크롤 고정 (= 이미지/메뉴 사이드 고정)
css CSS - 구글 번역바 숨기기/제거 (Google TranslateBar hide/remove)
box CSS - aspect-ratio 속성 - 요소의 종횡비율(= 가로세로비율) 지정 (= aspect-rati…
text CSS - text-underline-offset 속성 - 텍스트와 밑줄라인과의 간격 지정 (= text-u…
intro CSS - @import 구문 - 지정 외부스타일시트파일을 현재 스타일시트에 삽입/가져오기 (= @impor…
background CSS - mix-blend-mode 속성 = 해당요소의 부모요소 배경색과의 '결합/혼합' 방법 지정 (= …
css CSS - accent-color 속성 - 사용자 제어 선택요소의 색상/색깔 지정 (= accent-colo…
background CSS - background-blend-mode 속성 - 해당요소 각 (배경색/배경미미지)층의 혼합방식 지…
background CSS - background-position-x 속성 - 배경이미지 x축위치(=수평위치) 설정 (= bac…
background CSS - background-position-y 속성 - 배경이미지 y축위치(=수직위치) 설정 (= bac…
border CSS - border-block 속성 - 블락방향 테두리 스타일 일괄 지정 (= border-block속성…
border CSS - border-block-color 속성 - 블락방향 테두리 색상 일괄 지정 (= border-bl…
border CSS - border-block-end 속성 - 블락방향 끝테두리 스타일 일괄 지정 (= border-bl…
border CSS - border-block-end-color 속성 - 블락방향 끝테두리 색상 지정 (= border-…
24/33
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인