검색부분 디자인 수정 및 베스트 검색어 출력 정보
게시판 검색부분 디자인 수정 및 베스트 검색어 출력
관련링크
첨부파일
본문
2. 검색어 부분을 테크노트모양으로 변경하였다.
3. 베스트 검색어를 클릭하면 최근 베스트 검색어 10개를 보여주고
클릭하면 검색이 되게 하였다.
다음부분을 수정하면됩니다만. 참고용으로 작업중인 전체 스킨을 올립니다.
검색어 결과는 $g4[path]/data/file/best.search.txt 에 파일로 저장하고,
24시간이지나면 다시 갱신하여 저장하는 방식입니다.
주소창에 ..............&recalc=1 이라고 해도 재 갱신됩니다.
수정내용 : list.skin.php
1. 페이지 숫자부분에 테두리 하기
<!-- 페이지 -->
<style>
.page_number {color:#444444; font-size:8pt; font-family:Tahoma,돋움; border:1px solid #dddddd; background-color:#ffffff; padding:1 4 2 3; margin-left:2px;} /*글목록 페이지 번호*/
.page_number_on {color:#444444; font-size:8pt; font-family:Tahoma,돋움; border:1px solid #dddddd; background-color:#E0E0E0; padding:1 4 2 3; margin-left:2px;} /*글목록 페이지 번호*/
</style>
<div class="board_page">
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } ?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages;
$write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' hspace=2 title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' hspace=2 title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' hspace=2 title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' hspace=2 title='맨끝'>", $write_pages);
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<a class=page_number_on><b>$1</b></a>", $write_pages);
$write_pages=str_replace("'><span>","' class=page_number><span>",$write_pages);
$write_pages=str_replace(" ","",$write_pages);
$write_pages=str_replace("> <","><",$write_pages);
$write_pages=str_replace("> <","><",$write_pages);
?>
<?=$write_pages?>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } ?>
</div>
2. 검색어부분 모양 변경 및 검색어 기능
<!-- 검색 -->
<div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<script>
function put_search_key(str) {
if (str!='')
document.fsearch.stx.value=str;
document.fsearch.submit();
}
</script>
<div id='id_disp_best' style='position:absolute; visibility:hidden; z-Index:11; padding:0;width:100;height:100'>
<table width='100%' cellpadding=0 cellspacing=0 border=0>
<tr>
<td width=11 height=11><img src='<?=$board_skin_path?>/img/box_1.gif' width=11 height=11 border=0></td>
<td background='<?=$board_skin_path?>/img/box_2.gif'></td>
<td width=11><img src='<?=$board_skin_path?>/img/box_3.gif' width=11 height=11 border=0></td>
</tr>
<tr>
<td background='<?=$board_skin_path?>/img/box_4.gif'></td>
<td valign='top'>
<?
$tmp_file="$g4[path]/data/file/best.search.txt";
if (!file_exists($tmp_file)||filemtime($tmp_file)<time()-24*3600||$_GET[recalc]) {
$fp=fopen($tmp_file,"w");
$date_gap_old = date("Y-m-d", time()-60*24*3600);
$old = array();
$sql2 = " select pp_word,count(*) as cnt from $g4[popular_table]
where pp_date > '$date_gap_old' group by pp_word
order by cnt desc
limit 10 ";
$qry2 = sql_query($sql2);
$count = mysql_num_rows($qry2);
for ($j=0; $row2=sql_fetch_array($qry2); $j++) {
$row2[pp_word]=str_replace("'","",$row2[pp_word]);
$row2[pp_word]=trim(str_replace("\"","",$row2[pp_word]));
fputs($fp,"<a href=javascript:put_search_key('$row2[pp_word]');>".cut_str($row2[pp_word],20)."</a><BR>");
}
fclose($fp);
}
@include_once($tmp_file);
?>
</td>
<td background='<?=$board_skin_path?>/img/box_6.gif'></td>
</tr>
<tr>
<td height=11><img src='<?=$board_skin_path?>/img/box_7.gif' width=11 height=11 border=0></td>
<td background='<?=$board_skin_path?>/img/box_8.gif'></td>
<td><img src='<?=$board_skin_path?>/img/box_9.gif' width=11 height=11 border=0></td>
</tr>
</table>
</div>
<script language="JavaScript">
var save_layer = null;
function layer_view(x, y)
{
var menu = document.getElementById('id_disp_best');
if (menu.style.visibility=='') {
menu.style.visibility='hidden';
return;
}
var link = document.getElementById('id_disp_best_img');
x = parseInt(x);
y = parseInt(y);
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.visibility = '';
save_layer = menu;
}
</script>
<table align="center" cellpadding="0" cellspacing="0">
<tr><td>
<!-- 검색어 입력란 / 검색필드 선택 풀다운 -->
<img src='<?=$board_skin_path?>/img/search_round2.gif' align=absmiddle><input
type=text name=stx value="<?=$stx?>" class="stx" maxlength="15" itemname="검색어" required
style='vertical-align:top; border:1px solid #888ca5; border-width:1 0 1 0; width:120px; height:19px; overflow:visible;'><select
name=sfl style='font-size:10pt; width:90px; font-family:돋움,Tahoma; vertical-align:middle;'>
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<img id='id_disp_best_img' src='<?=$board_skin_path?>/img/sh_top.gif' align=absmiddle style='cursor:pointer'
onclick="layer_view(-30,-190)"
title='인기검색어'><input type=image src='<?=$board_skin_path?>/img/search.gif' align=absmiddle title='검색'>
</td>
<td>
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</td>
</tr>
</table>
</form>
</div>
-------------------------------------
추천을 눌러주셔야 힘도 나고, 그래야 더 좋은 소스를 만들어서 올립니다.
0.5초만 살짝 클릭 해주시면 복받습니다.^^
추천
12
12
댓글 전체
이미지가 태크노트꺼라서 좀 그렇습니다. 그리고 검색어 출력부분도 보기 허접하구요.
디자인 잘하시는분 이쁘게 만들어주시면 감사하겠습니다.^^
디자인 잘하시는분 이쁘게 만들어주시면 감사하겠습니다.^^
이참에 테크노트 기술 다 가져왔으면...
좋은 아이디어네요..
아주 멋집니다!! 잘 쓸게요~
추천해드립니다~
추천합니다. 꾸욱