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

페이지 정보

루루아빠 2,506 2017.04.18 13:54

평점

  • - 평점 : 0점 (0명 참여)

본문

이윰빌더에 태그 검색창 달기
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%}
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,289,342
레벨 96
경험치 1,385,758

Progress Bar 62%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7461838 페이지
제목 글쓴이 날짜 조회 추천
Bootstrap  🏆 부트스트랩 툴팁 텍스트 한 줄로 보여주기 루루아빠 2017.08.03 2,331 1
그누•영카트  🏆 영카트 5.2.9.1 루루아빠 2017.07.25 2,836 0
jQuery  🏆 이미지 로딩 실패시 대체 이미지 보여주기 루루아빠 2017.07.18 2,490 1
Bootstrap  🏆 뒤로가기 클릭시 모달창 닫기 루루아빠 2017.07.18 4,244 0
그누•영카트  🏆 영카트 5.2.9 패치 루루아빠 2017.07.05 2,971 0
그누•영카트  🏆 그누보드 5.2.9 패치 루루아빠 2017.07.05 5,014 0
그누•영카트  🏆 영카트 5.2.8 패치 루루아빠 2017.06.14 3,206 0
그누•영카트  🏆 그누보드 5.2.8 패치 루루아빠 2017.06.14 2,592 0
이윰  댓글+1🏆 비회원도 게시글 추천 및 비추천 허용하기 루루아빠 2017.06.07 2,693 1
이윰  🏆 현재 주소를 변수에 미리 담아 에러 메세지 후 현재 주소로 이동시키기 루루아빠 2017.05.24 2,727 0
이윰  🏆 게시판 관리자의 레벨이 글쓰기 권한보다 낮더라도 태그 작성하기 루루아빠 2017.05.03 2,365 0
이윰  🏆 특정 Div 클래스 전체를 링크 걸기 루루아빠 2017.04.29 2,856 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 2,404 0
이윰  🏆 🚩 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 2,507 0
그누•영카트  🏆 영카트 5.2.7.1 패치 루루아빠 2017.03.29 2,644 0
그누•영카트  🏆 💾 다음 스마트 워크를 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2017.03.27 2,528 1
Bootstrap  🏆 텍스트에 tooltip 이미지 띄우기 루루아빠 2017.03.25 4,199 0
그누•영카트  🏆 영카트 5.2.7 패치 루루아빠 2017.03.21 3,699 0
그누•영카트  🏆 그누보드 5.2.7 패치 루루아빠 2017.03.21 3,032 0
에디터  댓글+1🏆 CKEditor 4.x 에서 i 태그(Font Awesome) 사라지는 문제 해결하기 루루아빠 2017.02.25 3,084 1