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

페이지 정보

루루아빠 2,521 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,461
레벨 96
경험치 1,388,222

Progress Bar 71%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7461838 페이지
제목 글쓴이 날짜 조회 추천
이윰  댓글+3🏆 PHP 8.x 지원을 위한 암호화, 복호화 함수 shadow2fox 2021.02.16 2,590 3
이윰  🏆 특정 페이지에 다른 헤더 적용하기 루루아빠 2017.10.16 2,587 0
제로  🏆 💾 특정 회원에게 쪽지 스킨을 적용해봅시다 루루아빠 2005.07.19 2,584 0
제로  🏆 자동 코멘트 띄우기 루루아빠 2005.06.15 2,581 0
DB  🏆 MYSQL 유저 추가 및 삭제 야돌이 2006.05.28 2,580 0
이윰  🏆 블로그 스킨(masonry)에서 Lazy Load(unveil) 사용시 목록 올바르게 보여 주기 루루아빠 2016.11.16 2,578 0
그누•영카트  🏆 게시판 본문 글자수 늘리기 루루아빠 2016.07.20 2,575 0
이윰  🏆 Eyoom Builder 1.1.11 패치 루루아빠 2015.10.15 2,573 0
이윰  🏆 이윰레벨을 사용치 않고 그누레벨만 사용하기 루루아빠 2016.05.17 2,570 0
그누•영카트  🏆 그누보드 5.1.12 패치 루루아빠 2016.01.31 2,569 0
이윰  🏆 Eyoom Builder 1.2.6 패치 루루아빠 2016.08.26 2,564 0
그누•영카트  🏆 그누보드 5.1.0 패치 루루아빠 2015.08.03 2,563 0
그누•영카트  댓글+2🏆 그누보드 5.4.1.8 shadow2fox 2020.02.05 2,563 2
그누•영카트  🏆 영카트 5.2.1 패치 루루아빠 2016.08.22 2,560 0
이윰  🏆 이윰빌더 시즌1 → 시즌4 업그레이드 가이드 shadow2fox 2018.10.05 2,557 0
기타  🏆 Font Awesome 4.7.0 - Form Control, Video Player, Chart, Text Editor, File Type, Spinner 루루아빠 2017.11.20 2,551 0
그누•영카트  🏆 그누보드 5.2.9.6 패치 루루아빠 2017.11.21 2,548 0
그누•영카트  🏆 💾 다음 스마트 워크를 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2017.03.27 2,541 1
그누•영카트  🏆 영카트 5.1.15 패치 루루아빠 2016.03.21 2,540 0
이윰  댓글+5🏆 게시글 작성 시 외부 이미지를 저장하여 썸네일화하기 shadow2fox 2021.01.01 2,539 2