구글번역기 헤드에
본문
PC버전과 모바일 버전에 각각 아래 코드를 "검색"하기를 삭제 하고 넣어도 적용이 안되네요.
단순히 아래 코드만 삭제하면 되는 것이 아닌가 봅니다.
========= 아 래 ========
<div class="align-self-center px-4">
<div class="header-search">
<form name="tsearch" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return tsearch_submit(this);" class="border-primary">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<div class="input-group input-group-lg">
<input type="text" name="stx" class="form-control en" value="<?php echo $stx ?>">
<div class="input-group-append">
<button type="submit" class="btn"><i class="fa fa-search fa-lg text-primary"></i></button>
</div>
</div>
</form>
========================아 래 끝 ==================================================================================
<!-- PC 헤더 시작 { -->
<header id="header_pc" class="d-none d-md-block">
<div class="nt-container py-4 px-3 px-sm-4 px-xl-0">
<div class="d-flex">
<div class="align-self-center">
<div class="header-logo">
<a href="<?php echo NT_HOME_URL ?>">
<img id="logo_img" src="<?php echo $tset['logo_img'] ?>" alt="<?php echo get_text($config['cf_title']) ?>">
</a>
</div>
</div>
<div class="align-self-center px-4">
<div class="header-search">
<form name="tsearch" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return tsearch_submit(this);" class="border-primary">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<div class="input-group input-group-lg">
<input type="text" name="stx" class="form-control en" value="<?php echo $stx ?>">
<div class="input-group-append">
<button type="submit" class="btn"><i class="fa fa-search fa-lg text-primary"></i></button>
</div>
</div>
</form>
<div class="header-keyword mt-2">
<?php echo na_widget('data-keyword', 'popular', 'q=아미나,나리야,플러그인,그누보드5.4,부트스트랩4,테마,스킨,위젯,애드온'); ?>
</div>
</div>
</div>
<div class="align-self-center ml-auto">
<!-- 배너 등 우측 영역 컨텐츠 -->
</div>
</div>
</div>
</header>
<!-- } PC 헤더 끝 -->
<!-- 상단고정 시작 { -->
<div id="nt_sticky_wrap">
<!-- 모바일 헤더 { -->
<header id="header_mo" class="d-block d-md-none">
<div class="bg-primary px-3 px-sm-4">
<h3 class="clearfix text-center f-mo font-weight-bold en">
<a href="javascript:;" onclick="sidebar('menu');" class="float-left">
<i class="fa fa-bars text-white" aria-hidden="true"></i>
<span class="sr-only">메뉴</span>
</a>
<div class="float-right">
<a data-toggle="collapse" href="#search_mo" aria-expanded="false" aria-controls="search_mo" class="ml-3">
<i class="fa fa-search text-white" aria-hidden="true"></i>
<span class="sr-only">검색</span>
</a>
</div>
<!-- Mobile Logo -->
<a href="<?php echo NT_HOME_URL ?>" class="text-white">
<?php echo $tset['logo_text'] ?>
</a>
</h3>
</div>
<div id="search_mo" class="collapse">
<div class="mb-0 p-3 px-sm-4 d-block d-lg-none border-bottom">
<form name="mosearch" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return tsearch_submit(this);" class="mb-0">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<div class="input-group">
<input id="mo_top_search" type="text" name="stx" class="form-control" value="<?php echo $stx ?>" placeholder="검색어">
<span class="input-group-append">
<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</header>
<!-- } 모바일 헤더 끝 -->
=== 이 아래 코드를 헤드에 넣고 싶습니다. =====
<p>This example displays a simple translate button, with no text.</p>
<p><a translate="no" target="_top" href="https://codepen.io/kimone0915/pen/mdRMWxz">
Edit this code</a></p><br>
<div id="translation"></div>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=google_translate"></script>
<script>
function google_translate (){
var opt = {
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
pageLanguage: "en"
};
new google.translate.TranslateElement( opt, "translation" );
}
/*
Display the scrollable list of languages.
Related to the size of current browser.
*/
addEventListener( "load", function(){
if ( document.querySelector(".goog-te-menu-frame") ) {
document.getElementById( "translation" ).addEventListener( "click", function(){
if ( this.id === "translation" ) scrollableLanguagesList();
});
addEventListener( "resize", function(){
if ( "none" !== document.querySelector(".goog-te-menu-frame").style.display ) scrollableLanguagesList();
});
}
});
function scrollableLanguagesList (){
var
iframe = document.querySelector( ".goog-te-menu-frame" ),
doc = iframe.contentWindow.document,
div = doc.body.children[ 0 ],
table = div.children[ 0 ],
width = div.dataset.width || parseInt( div.style.width ),
rect, diff;
if ( ! div.dataset.width ) div.dataset.width = width;
if ( innerWidth < width ) {
rect = table.getBoundingClientRect();
width = rect.right - rect.left;
diff = width - innerWidth;
div.style.width = ( width - diff - 24 ) + "px";
div.style.padding = "4px 0 1em 4px";
div.style.overflowX = "scroll";
}
else {
div.style.width = "auto";
div.style.padding = "4px";
div.style.overflowX = "visible";
}
rect = div.getBoundingClientRect();
iframe.style.width = ( rect.right - rect.left ) + "px";
iframe.style.height = ( rect.bottom - rect.top ) + "px";
}
</script>
답변 3
답변 감사 드립니다.
내용은 아래와 같습니다.
파이코인 채굴
에 들어 가보시면 타이틀 좌측에 보시면 언어선택이 있습니다.
PC버전과 모바일 버전에 각각 아래 코드를 "검색"하기를 삭제 하고 넣어도 적용이 안되서
할 수 없이 인덱스의 타이틀 바로 아래에 배치 시켰습니다.
문제는 PC버전은 상관없는데 모바일 버전에서 각 국어 선택이 잘려 나오는 현상이 있어서
스크롤로 할 수 있게 하였으나 맨 처음 도메인으로 접속시에는 스크롤을 이용하여 국가 언어 선택이 잘 보여지는데
페이지가 넘어가면 즉 최신글 선택 후 언어선택에서 보면 스크롤이 아예 박스도 보여지지 않고 적용이 안됩니다.
물론 첫 인덱스 화면에서 언어(예:영어)를 선택 한 후 최신글을 보면 되지만 경우에 따라서
최신글을 직접 선택 후 언어를 선택 할 수도 있어서 시도 해보려 합니다.
그런데 이스크립트가 먹히질 않는 것 입니다.
그래서 PC버전과 모바일 버전 헤드에 검색기능(돋보기)을 없애고 각각 이스크립트를 넣고자 시도 하였는데