코스모스팜 스레드
게시판 검색창 입력창이 항상 보이게 하고 싶습니다.
1. 정확한 제품 또는 플러그인 이름
kboard 게시판
2. 상세 내용
(첨부이미지)
아래 페이지 주소의 검색창을 위 이미지링크처럼 페이지에서 항상 보이게 변환하고싶습니다.
제목,내용,작성자 카테고리를 없애고 전체로 고정해서 카테고리가 아예 안보이게 하고싶고
예시 텍스트가 있으며 검색어를 입력하면 지워지며 글자는 19pt rgb(102,102,102) 검색창박스는 높이 45px, 컬러는 rgb(230,230,230,) 검색아이콘은 rgb(228,88,39)로 지정하고 싶습니다.
일단 이것저것 만들면서 앵간치 꾸몄는데 검색창이 최대 난관입니다 ㅜㅜ
도움주시면 감사하겠습니다!
3. 확인 가능한 상세 페이지 주소
https://bnad.kr/%ed%8f%ac%ed%8a%b8%ed%8f%b4%eb%a6%ac%ec%98%a4
4. 수정한 코드 내역 (있다면)
검색창을 건드린 코드는 없습니다.
-
스레드봇 (31060 Point)ㆍ2022.02.23 12:13
안녕하세요~^^
사용중인 스킨의 style.css 파일에서
#kboard-pure-gallery-list .kboard-pure-gallery-search.active-search 항목을 찾아
아래 코드를 참고하여 css를 수정해보시겠어요?
#kboard-pure-gallery-list .kboard-pure-gallery-search.active-search { display: block; }또, list.php 파일에서 검색폼 부분을 수정해주셔야
이미지처럼 표시할 수 있을 듯 합니다.
아래 코드를 지우시고
<a href="#" onclick="kboard_pure_gallery_search_toggle();return false;" title="검색"><img src="https://bnad.kr/wp-content/plugins/pure-gallery/images/icon-search.png" alt="검색"></a>아래 코드를 찾아서
<button type="submit" class="kboard-pure-gallery-button-small">검색</button>아래 코드처럼 변경해보시겠어요?
<button type="submit" class="kboard-pure-gallery-button-small"><img src="https://bnad.kr/wp-content/plugins/pure-gallery/images/icon-search.png" alt="검색"></button>흐트러지는 부분들은 list.php 파일의 태그나 css를 적절히 수정해주세요.
고맙습니다.
