Tistory/Tistory Skin
티스토리 스킨 검색창(Search) 만드는 방법
스타차일드 라이브러리
2020. 6. 28. 02:22
반응형
티스토리 스킨 검색창 만드는 방법은 티스토리에서 사용할 수 있는 치환자를 통해 구현할 수 있다. 간편하게 아래와 같이 s_search를 통해 구현이 가능하며, input태그를 활용하여 적용할 수 있다.
검색창(Search)
<s_search>
<div class="search">
<input type="text" class="article_search_field" placeholder="무엇이든 검색해보세요." name="search" value="" onkeypress="if (event.keyCode == 13) { try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25');document.getElementsByName('search')[0].value = ''; return false;}catch(e){} }" id="article_search" />
<input type="submit" class="article_search_submit" value="검색" onclick="try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25');document.getElementsByName('search')[0].value = ''; return false;}catch(e){}" />
</div>
</s_search>
적절한 위치에 적용하면 되는데, 당연히 스타일시트도 지정해줘야 하므로 적당한 위치에 적용시키고 스타일을 지정해주면 된다.
반응형