css 관련인듯 합니다. ㅠ.ㅠ 정보
css 관련인듯 합니다. ㅠ.ㅠ
관련링크
본문
안녕하세요. 또 질문을 올립니다.
워낙 초짜라서..
웹사이트를 조금씩 만들고 있는데................ 또 큰 벽을 만났습니다.
http://rootst.co.kr/
홈페이지를 보시면.. 최근 게시물과 게시판 제목 글들이 안보입니다.
작성은 되어 있는데 드래그 해보시면 알겠지만 칼라가 흰색이라서...
제 생각으로는 상단 메뉴 에서 링크된 부분을 흰색으로 표출하기 때문에 본문내용의 링크글 까지 흰색으로 보이는 거 같습니다. 생각일 뿐이구요 ㅠ.ㅠ
소스를 어디를 올려야 할지.. 빌더는 n빌더 사용하고 있구요..
본문이랑 최신글등 링크 걸리는 글짜를 검정색으로 바꾸고 싶네요 ㅠ.ㅠ
도움을 부탁드립니다.
첨부 상단메뉴 소스=====================================================================
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 레이어 메뉴와 관련해서 그누보드 sideview.js 파일이 필요한 경우 연결합니다.
if (!function_exists("selectBoxHidden(layer_id)")) {
echo "<script type='text/javascript' src='$g4[path]/js/sideview.js'></script>";
}
?>
<script type="text/javascript">
var save_layer = null;
function layer_view(menu_id, opt) {
var menu = document.getElementById(menu_id);
//for (i in link) { document.write(i + '<br/>'); } return;
if (save_layer != null) {
save_layer.style.display = "none";
selectBoxVisible();
}
if (opt == 'hide') {
menu.style.display = 'none';
selectBoxVisible();
} else {
menu.style.display = 'block';
}
save_layer = menu;
}
</script>
<style type="text/css">
/*************************************************
여기서부터 시각적인 부분에 대한 수정을 해봅니다.
아래 소스에서 float, width 처럼 파란색으로 보여지는 속성을 키워드로
CSS 도움말 파일(팁&강좌에 있음)에서 검색해보면서 해당속성에 대한 옵션을 익힙니다.
**************************************************/
.zgroup ul { /*서브메뉴 최상위*/
margin:0;
list-style-type:none;
}
.sub_menu {
display:none;
}
.sub_subject {
width:auto;
height:auto;
padding:0 0 0 0;
border-bottom:1px dotted;
border-bottom-color:#DDDDDD;
}
</style>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="40" background="<?=$sitemap_skin_path?>/img/menubar_left_red.gif"></td>
<td height="40" valign="middle" background="<?=$sitemap_skin_path?>/img/menubar_bg_red.gif" style="padding-top:5px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<?
// 보드 구룹 만큼 루프를 돌린다. ( $i 는 보드구룹 넘버링 )
for($i=0; $i<$menu['count']; $i++){
if ($menu['id'][$i] == 'club') continue;
?>
<td>
<?
$font_color[$i] = "#ffffff";
if($gr_id == $menu['id'][$i]){
$bg_1[$i] = "<img src='$sitemap_skin_path/img/bar_l.gif'>";
$bg_2[$i] = "background='$sitemap_skin_path/img/bar_bg.gif'";
$bg_3[$i] = "<img src='$sitemap_skin_path/img/bar_r.gif'>";
$font_color[$i] = "#FFFFFF";
$font_b[$i] = "<b>";
}
?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:9px;height:23px;"><?=$bg_1[$i]?></td>
<td <?=$bg_2[$i]?> style="padding-left:3px;padding-right:3px;">
<? if ($g4_group[$i][gr_10]) { ?>
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$g4_group[$i][gr_10]?>"
<? } else { ?>
<a href="<?=$g4[bbs_path]?>/group.php?gr_id=<?=$menu['id'][$i]?>"
<? } ?>
onmouseover="layer_view('menu_<?=$menu['id'][$i]?>', 'view', -30, -20);" style="color:#FFFFFF;"><font color=<?=$font_color[$i]?>><b><?=$menu['subject'][$i]?></b></font></a></td>
<td style="width:9px;height:23px;"><?=$bg_3[$i]?></td>
</tr>
</table>
</td>
<? if ($i+1 < $menu['count']) { ?><td width="5" align="center"><img src="<?=$sitemap_skin_path?>/img/main_line.gif"></td><? } ?>
<?
}
?>
</tr>
</table>
</td>
<td width="10" height="40" background="<?=$sitemap_skin_path?>/img/menubar_right_red.gif"></td>
</tr>
<tr>
<td width="10" height="34" background="<?=$sitemap_skin_path?>/img/menubar_sub_left.gif"></td>
<td height="34" valign="middle" background="<?=$sitemap_skin_path?>/img/menubar_sub_bg.gif">
<?
// 보드 구룹 만큼 루프를 돌린다. ( $i 는 보드구룹 넘버링 )
for($i=0; $i<$menu['count']; $i++){
?>
<div id='menu_<?=$g4_group[$i][gr_id]?>' class='sub_menu'>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="<?=$g4_group[$i][gr_2]?>"></td>
<?
// $gr_bo_c[$i] 는 각 보드 구룹에 속해 있는 보드의 개수 ( $j 는 보드구룹의 보드넘버링)
for($j=0; $j<$sub['count'][$i]; $j++){
if($j != $sub['count'][$i]-1){
$class = "sub_subject";
} else {
$class = "sub_last_subject";
}
if($sub['table'][$i][$j] == $bo_table){
$icon = "<span style='color:#000000;font-weight:bold;'>";
} else {
$icon = "";
}
?>
<td style="padding-left:6px;padding-right:6px;">
<a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$sub['table'][$i][$j]?>" class="small">
<?=$icon?><?=$sub['subject'][$i][$j]?></a></span></td>
<? if ($j+1 < $sub['count'][$i]) { ?><td width="8" align="center"><img src="<?=$sitemap_skin_path?>/img/sub_line.gif"></td><? } ?>
<?
if($gr_id == $menu['id'][$i]){
echo "<script type=\"text/javascript\">";
echo "layer_view('menu_{$gr_id}', 'view', -30, -20);";
echo "</script>";
}
}
?>
</tr>
</table>
</div>
<?
}
?>
</td>
<td width="10" height="34" background="<?=$sitemap_skin_path?>/img/menubar_sub_right.gif"></td>
</tr>
</table>
댓글 전체
a:link, a:visited, a:active { text-decoration:none; color:#ffffff; }
이 부분에 색깔지정이 흰색입니다.(color:#ffffff;)
그누보드 기본값이 #466C8A; 인듯 싶으니 #466C8A; 로 색상값을 바꾸시면 될 듯...
.small { font-size:8pt; font-family:돋움; color:#000000; }
a.small:link {font-size:8pt; font-family:돋움; color:#000000;}
이 전에 제가 했던 방법이에요.
빌더를 안열어봐서 잘모르겠지만, head 부분 웹에디터등으로 여시고
위에 메뉴부분 <font color="white> 주시구요
css부분에서 원하시는 최근게시물 원하시는 색깔로 수정하세요.
텍스트부분에 따로 색을 지정하는 태그가 들어간경우 css로 제어해도 변화가 없더라구요.
걍 무식한방법입니다.