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

페이지 정보

루루아빠 2,525 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,290,807
레벨 96
경험치 1,389,159

Progress Bar 74%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 242513 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 1.3.7 패치 루루아빠 2017.11.21 2,636 0
이윰  🏆 Eyoom Builder 1.3.6 패치 루루아빠 2017.11.21 2,344 0
이윰  🏆 Eyoom Builder 1.3.5 패치 루루아빠 2017.11.21 2,796 0
이윰  🏆 Eyoom Builder 1.3.4 패치 루루아빠 2017.11.21 2,399 0
이윰  🏆 Eyoom Builder 1.3.3 패치 루루아빠 2017.11.21 2,272 0
이윰  🏆 Eyoom Builder 1.3.2 패치 루루아빠 2017.11.21 2,411 0
이윰  🏆 Eyoom Builder 1.3.1 패치 루루아빠 2017.11.21 2,191 0
이윰  🏆 📸 Eyoom Builder 1.3.0 시즌3 루루아빠 2017.11.21 2,793 0
이윰  🏆 특정 페이지에 다른 헤더 적용하기 루루아빠 2017.10.16 2,597 0
이윰  🏆 인기검색어 노출수, 기간 설정하기 루루아빠 2017.09.03 3,083 1
이윰  🏆 최신글 추출 시 공지글을 제외하기 루루아빠 2017.08.19 2,675 0
이윰  댓글+1🏆 비회원도 게시글 추천 및 비추천 허용하기 루루아빠 2017.06.07 2,707 1
이윰  🏆 현재 주소를 변수에 미리 담아 에러 메세지 후 현재 주소로 이동시키기 루루아빠 2017.05.24 2,740 0
이윰  🏆 게시판 관리자의 레벨이 글쓰기 권한보다 낮더라도 태그 작성하기 루루아빠 2017.05.03 2,377 0
이윰  🏆 특정 Div 클래스 전체를 링크 걸기 루루아빠 2017.04.29 2,870 0
이윰  🏆 🚩 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 2,526 0
이윰  🏆 해당 페이지에 적용된 템플릿언더바 전체 변수 확인하기 루루아빠 2017.02.24 2,746 0
이윰  🏆 최신글에서 글 작성 시간을 나타내지 않기 루루아빠 2017.02.16 2,454 0
이윰  🏆 이윰빌더 조건문 변수 루루아빠 2016.12.13 2,413 0
이윰  🏆 반응형 테마 PC에서 메인과 사이드 레이아웃 위치 변경하기 루루아빠 2016.11.22 2,475 0