css 관련인듯 합니다. ㅠ.ㅠ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

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>

  • 복사

댓글 전체

style.css 파일 속 들여다 보면

a:link, a:visited, a:active { text-decoration:none; color:#ffffff; }

이 부분에 색깔지정이 흰색입니다.(color:#ffffff;)
그누보드 기본값이 #466C8A; 인듯 싶으니 #466C8A; 로 색상값을 바꾸시면 될 듯...
두손모아님 처럼 하면 상단주메뉴에서 나오는 서브메뉴 색깔도 변경이 됩니다. 서브메뉴의 색깔은 흰색으로 유지 하고 싶습니다. ㅠ.ㅠ
위 방법들 다 안되신다니, 무식한 방법하나 소개해드릴께요.
이 전에 제가 했던 방법이에요.
빌더를 안열어봐서 잘모르겠지만, head 부분 웹에디터등으로 여시고
위에 메뉴부분 <font color="white> 주시구요
css부분에서 원하시는 최근게시물 원하시는 색깔로 수정하세요.
텍스트부분에 따로 색을 지정하는 태그가 들어간경우 css로 제어해도 변화가 없더라구요.
걍 무식한방법입니다.
© SIRSOFT
현재 페이지 제일 처음으로