[이윰] 이윰빌더에 태그 검색창 달기

페이지 정보

yadolee 루루아빠 2,799 2017.04.18 13:54:55

본문

이윰빌더에 태그 검색창 달기
1. 그누보드5/eyoom/theme/설치된 테마/skin_bs/tag/basic/index.skin.html, list.skin.html 을 열어 pull-left margin-top-5 font-size-12 color-grey 를 검색하여 아래와 같이 소스를 수정한다.
수정 전

    <div class="pull-left margin-top-5 font-size-12 color-grey">
        <span>Total {=number_format(_total_count)}건</span> {_page} 페이지
    </div>
    <div class="clearfix"></div>
수정 후

    <div class="pull-left margin-top-5 font-size-12 color-grey">
        <span>Total {=number_format(_total_count)}건</span> {_page} 페이지
    </div>
    <div class="pull-right">
        <span class="pull-right">
            <a href="javascript:;" class="btn-e" type="button" data-toggle="modal" data-target=".search-modal"><i class="fa fa-search"></i>  태그 검색</a>
        </span>
    </div>
    <div class="clearfix"></div>
2. 모달창을 띄우기 아래 소스를 적당한 위치에 추가한다

<!--{* Small modal *}-->
<div class="modal fade search-modal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                <h4 id="myLargeModalLabel" class="modal-title"><i class="fa fa-search"></i> 태그 검색</h4>
            </div>
            <div class="modal-body">
                <!--{* 태그 검색 시작 *}-->
                <fieldset id="bo_sch" class="sky-form margin-top-5">
                    <form name="fsearchbox" method="get" action="/tag/">
                    <label for="sfl" class="sound_only">검색대상</label>
                    <section class="col col-12 input-group">
                        <label for="tag" class="sound_only">태그 검색어<strong class="sound_only"> 필수</strong></label>
                        <input type="text" name="tag" value="" required class="form-control">
                        <span class="input-group-btn">
                            <button type="submit" value="검색" class="btn btn-default">검색</button>
                        </span>
                    </section>
                    <input type="hidden" name="wmode" id="wmode" value="{_wmode}">
                    </form>
                </fieldset>
                <!--{* 태그 검색 끝 *}-->
            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn-e btn-e-dark" type="button">닫기</button>
            </div>
        </div>
    </div>
</div>
<iframe name="photoframe" id="photoframe" style="display:none;"></iframe>
<!--{* End Small Modal *}-->
3. sky-form col-12 클래스를 정의하기 위해 동종 소스 하단부에 스타일을 추가한다

.sky-form .col-12 {width:100%}
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,336,946
레벨 100
경험치 1,496,874

Progress Bar 39.58%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7641326 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기 루루아빠 2016.02.17 2.8k 0
그누•영카트  🏆 구글 웹폰트를 적용해보자 루루아빠 2015.10.27 2.8k 0
그누•영카트  🏆 영카트 5.0.43 패치 루루아빠 2015.07.27 2.8k 0
이윰  🏆 모바일에서 이미지 넓이 높이 태그 제거하기 루루아빠 2015.05.07 2.8k 1
이윰  🏆 🚩 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 2.8k 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 2.8k 0
그누•영카트  🏆 그누보드 5.1.19 패치 루루아빠 2016.07.06 2.8k 0
이윰  🏆 최신글에서 글 작성 시간을 나타내지 않기 루루아빠 2017.02.16 2.8k 0
이윰  🏆 Eyoom Builder 1.3.2 패치 루루아빠 2017.11.21 2.8k 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2.8k 0
그누•영카트  🏆 그누보드 5.2.9.6 패치 루루아빠 2017.11.21 2.8k 0
그누•영카트  댓글+1🏆 첨부된 이미지 링크 없애기 루루아빠 2015.04.04 2.8k 0
그누•영카트  🏆 🎞️ 그누보드 5.1.8 패치 루루아빠 2015.11.25 2.8k 0
그누•영카트  🏆 그누보드 5.1.16 패치 루루아빠 2016.04.23 2.8k 0
기타  🏆 Font Awesome 4.7.0 - Form Control, Video Player, Chart, Text Editor, File Type, Spinner 루루아빠 2017.11.20 2.8k 0
제로  🏆 [스킨만들기] 제로보드 스킨 파일들의 구성 루루아빠 2005.06.23 2.8k 0
이윰  🏆 🎞️ 검색시 본문 내용 나오지 않게 하기 루루아빠 2015.11.15 2.8k 0
이윰  🏆 로그인 후에만 홈 들어가게 만들기 루루아빠 2015.04.28 2.8k 0
그누•영카트  🏆 영카트 5.2.9.8.2 패치 루루아빠 2018.03.22 2.8k 0
이윰  🏆 이윰빌더 조건문 변수 루루아빠 2016.12.13 2.8k 0
그누•영카트  🏆 영카트 5.1.4 (2015.11.02) 루루아빠 2015.11.09 2.8k 0
그누•영카트  🏆 그누보드 5.1.14 패치 루루아빠 2016.03.08 2.8k 0
그누•영카트  🏆 그누보드 5.2.9.7 패치 루루아빠 2017.12.16 2.8k 0
이윰  🏆 메인일때만 사이드 레이아웃을 없애기 루루아빠 2015.04.24 2.8k 0
이윰  🏆 Q&A 게시판 최신글추출시 '비밀글입니다.' 를 원글 제목으로 변경하기 루루아빠 2015.10.20 2.8k 0
이윰  🏆 Eyoom Builder 1.1.11 패치 루루아빠 2015.10.15 2.9k 0
그누•영카트  🏆 5.2.1 토큰패치로 댓글 달린 본인 댓글 수정 못하는 문제 루루아빠 2016.08.22 2.9k 0
이윰  🏆 Eyoom Builder 1.3.8 패치 루루아빠 2017.11.21 2.9k 0
그누•영카트  🏆 그누보드 5.2.2 패치 루루아빠 2016.09.20 2.9k 0
그누•영카트  🏆 그누보드 5.1.10 패치 루루아빠 2015.12.23 2.9k 0