탑메뉴 상단 질문 정보
탑메뉴 상단 질문본문
이미지 참고좀부탁드릴께요
초보가 수정하기 너무 벅차서 도움좀 받아볼려고합니다
이미지 보시면 아래 이미지를 위 이미지처럼 할려고합니다
검색창 색 메인테이블색과동일하게 적용해야하는데 수정후 할려고 합니다
색상까지 입혀주시면 정말감사합니다 ;;;;
원본 소스
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<style>
/* 탑 메뉴 */
#top_group a:link, #top_group a:visited, #top_group a:active { text-decoration:none; color:#FFFFFF; }
#top_group a:hover { text-decoration:none; color:#cfcfcf; }
#top_table a:link, #top_table a:visited, #top_table a:active { text-decoration:none; color:#000000; }
#top_table a:hover { text-decoration:none; color:#4b4e4f; }
/* 탑 서치 레프트 */
#top #top_search_left{
width:35%;
height:64px;
float:left;
}
/* 탑 서치 레프트 서치 박스*/
#top #top_search_left div{
margin-left:50px;
margin-top:25px;
}
/* 탑 서치 중앙 */
#top #top_search_center{
width:30%;
float:left;
text-align:center;
}
/* 탑 서치 라이트 */
#top #top_search_right{
width:35%;
float:left;
text-align:right;
}
/* 탑 서치 라이트 텍스트*/
#top #top_search_right div{
background: url("<?=$topmenu_skin_path;?>/img/top_bar_left.gif") top left no-repeat;
height:21px;
margin-right:25px;
margin-top:25px;
}
#top #top_search_right ul{
margin:0 0 0 8px;
padding:0;
height:21px;
background: #F5F5F5 url("<?=$topmenu_skin_path;?>/img/top_bar_right.gif") top right no-repeat;
}
#top #top_search_right li{
margin:4px 6px 0 0;
padding:0;
list-style:none;
float:right;
font-size:8pt;
}
/* 탑 메뉴 레프트 */
#top #top_left{
width:70px;
height:83px;
clear:both;
float:left;
background: url("<?=$topmenu_skin_path;?>/img/bar_left.gif") top left no-repeat;
}
/* 탑 메뉴 중앙*/
#top #top_center{
float:left;
width:847px;
height:83px;
font-size:13px;
font-family:Tahoma,굴림;
font-weight:bold;
background: url("<?=$topmenu_skin_path;?>/img/bar_bg.gif") top left repeat-x;
}
#top #top_group{
margin-top:20px;
height:38px;
}
#top #top_table{
font-size:11px;
font-weight:normal;
}
/* 탑 메뉴 라이트*/
#top #top_right{
width:70px;
height:83px;
float:right;
background: url("<?=$topmenu_skin_path;?>/img/bar_right.gif") top right no-repeat;
}
.menu_active{
background: url("<?=$topmenu_skin_path;?>/img/bar_bg_over.gif") top left repeat-x;
}
.top_group_bar{
color:#85898b;
font-size:11px;
}
/* 탑 메뉴 그룹 */
#top #top_group .top_group_title{
margin-left:10px;
margin-right:10px;
padding-bottom: 12px;
}
/* 탑 메뉴 테이블*/
#top #top_table .top_table_title{
margin-left:10px;
margin-right:15px;
}
#top_clear{
clear:both;
}
</style>
<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0 align="center">
<tr>
<td>
<div id="top">
<div id="top_search">
<!-- 상단 배경 시작 -->
<div id="top_search_left">
<div>
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="display:inline;">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<img src="<?=$topmenu_skin_path?>/img/search_title.gif" border="0">
<INPUT name="stx" maxlengt=20 style="BORDER : #D6D6D6 1px solid; width: 140px; HEIGHT: 20px; BACKGROUND-COLOR: #F8F8F8" maxlength="20">
<input type="image" src="<?=$topmenu_skin_path?>/img/search_btn.gif" border="0" align="absmiddle">
</form>
</div>
</div>
<div id="top_search_center">
<a href="<?=$g4['path']?>/"><img src="<?=$topmenu_skin_path?>/img/logo.gif" border="0"></a>
</div>
<div id="top_search_right">
<div>
<ul>
<li> : <a href="<?=$g4['bbs_path']?>/attendance.php">출첵</a> :</li>
<li> : <a href="<?=$g4['bbs_path']?>/mypage.php">Mypage</a></li>
<li> : <a href="<?=$g4['bbs_path']?>/new.php">최근게시물</a></li>
<li> : <a href="<?=$g4['bbs_path']?>/current_connect.php">현재접속자</a></li>
<li> : <a href="javascript:bookmark('<?=$config['cf_title']?>', 'http://'+location.host)">즐겨찾기</a></li>
</ul>
</div>
</div>
<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
f.action = "<?=$g4['bbs_path']?>/search.php";
return true;
}
</script>
<!-- 상단 배경 끝 -->
</div>
<div id="top_left"></div>
<div id="top_center">
<div id="top_group">
<?
// 그룹별 탑 그룹
$gr_sql = " select gr_id, gr_subject from $g4[group_table] where gr_8 <> 'y'
order by gr_10 desc, gr_id desc ";
$gr_result = sql_query($gr_sql);
for ($i=0; $gr_row=sql_fetch_array($gr_result); $i++) {
$class= "";
if($gr_id == $gr_row[gr_id]){
$class = "menu_active";
}
$group_bar = "";
if($i != 0){
$group_bar = "<span class=\"top_group_bar\">|</span>";
}
echo "$group_bar <span class=\"top_group_title $class\"><a href=\"$g4[bbs_path]/group.php?gr_id=$gr_row[gr_id]\">$gr_row[gr_subject]</a></span>";
}
?>
</div>
<div id="top_table">
<?
if($group[gr_9] != "y"){ // 표현하고 싶지 않은 그룹테이블 설정시사용
// 그룹별 탑 테이블
$tb_sql = " select bo_table, bo_subject from $g4[board_table]
where gr_id = '$group[gr_id]'
order by bo_order_search desc, bo_table desc ";
$tb_result = sql_query($tb_sql);
for ($i=0; $tb_row=sql_fetch_array($tb_result); $i++) {
$style= "";
if($bo_table == $tb_row[bo_table]){
$style = "style=\"color:#85898b;\"";
}
echo "<span class=\"top_table_title\"><a href=\"$g4[bbs_path]/board.php?bo_table=$tb_row[bo_table]\" $style>$tb_row[bo_subject]</a></span>";
}
}
?>
</div>
</div>
<div id="top_right"></div>
</div>
<div id="top_clear"></div>
<div style='height:12px;'></div>
<!--<div style='width:<?=$table_width;?>px;height:24px;background:url("<?=$topmenu_skin_path;?>/img/top_bottom_bg.gif") repeat-x;'></div>-->
</td>
</tr>
</table>
댓글 전체
쪽지 잘받았습니다
그래도 어느정도 자리잡힌듯합니다
돌아버리기 일부직전이넹 ;;;