css.JPG

 

안녕하세요. 개인적으로 지역포털사이트를 구축하여 만들어 나가고 있는 초보자 입니다.

 

다름이 아니라. 회원정보에 css가 문제여서 수정할려고 하는데 어느 부분을 건들여야 할지... 감이 서지 않아 문의드립니다.

 

수정을 할 부분이 이 부분인데요

 

<load target="css/communication.css" />
<load cond="$communication_config->colorset=='black'||$communication_config->mcolorset=='black'" target="css/black.css" />
<load target="js/communication.js" />
<section class="xc">
 <ul class="nav nav-tabs" cond="$is_logged && $logged_info->menu_list && (!$member_srl || $member_srl == $logged_info->member_srl)">
  <li loop="$logged_info->menu_list => $key,$val" class="active"|cond="$key==$act">
   <a href="{getUrl('act',$key)}">{Context::getLang($val)}</a>
  </li>
 </ul>

 

여기에서 css를 찾아보면

 

/* Tabs */
.xc .nav{margin:0 0 20px 0;padding:0;list-style:none}
.xc .nav>li>a{display:block}
.xc .nav>li>a:hover,
.xc .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
.xc .nav-tabs{*zoom:1}
.xc .nav-tabs:before,
.xc .nav-tabs:after{display:table;line-height:0;content:""}
.xc .nav-tabs:after{clear:both}
.xc .nav-tabs>li{float:left;text-decoration:none;}
.xc .nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;text-decoration:none;}
.xc .nav-tabs{border-bottom:1px solid #ddd}
.xc .nav-tabs>li{margin-bottom:-1px}
.xc .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;background-color:#fff;border:1px solid #eee;border-bottom-color:transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.xc .nav-tabs>li>a:hover,
.xc .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
.xc .nav-tabs>.active>a,
.xc .nav-tabs>.active>a:hover,
.xc .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#eee;border:1px solid #ccc;border-bottom-color:transparent}

 

여기까지 입니다.

 

보통 css파일이 없을때 나타나는 연갈색을 띄고 있는데요.. 파랑색으로 하고 싶은데.. 도무지 어디를 건들여야 할지를 몰라 질문을 드립니다...

 

답변좀 부탁드립니다 ㅜ.ㅠ;

 

위에 탭메뉴 말고도 아래쪽에 링크 거는곳은 전부다 css가 적용이 않되어 있네요...

 

  • profile
    글씨색을 변경하는 걸 말씀하시는거라면..
    xc .nav-tabs>li> 이 부분에 color:blue를 넣어주면 되지 않을까요 ? ㅎㅎ
    xe.nav-tabs>li> {color:blue;}
    만약 링크가 걸려 있다면
    xe.nav-tabs>li>a:link {color:blue;}
  • ?
    연갈색이라고 말씀하시는 부분이 정확히 어떤 부분인지 모르겠지만.. 현재 활성화된 탭 외에 "회원정보 보기", "스크랩 보기", "저장함 보기" 등의 다른 탭들이 파란색이 아닌 다른 색으로 나타난다는 말씀이신가요?

    만약 위에 말씀드린 부분을 질문하신 게 맞다면, 글 목록의 "항공사진...."도 동일한 색깔로 나오는 걸 보니 방문했던 링크에 대한 스타일이 브라우저의 기본값으로 지정되어 있어서 그런 것이 아닌가 싶습니다. 나만의너님께서 말씀해주신대로 해서 안된다면 a:visited 속성(참고:http://www.w3schools.com/cssref/sel_visited.asp )을 변경해보세요.

    xc .nav-tabs>li>a:visited { color: blue }
  • profile
    신경써주셔서 너무 감사드립니다. 나머지는 열심히 공부해서 해보도록 하겠습니다. 감사합니다.