테스트 사이트 - 개발 중인 베타 버전입니다

공지사항 글자색(or 스타일) 변경 채택완료

b88209 5년 전 조회 2,489

안녕하세요

질문게시판에서 도움을 많이 받고 있는 그누보드린이 입니다.

이번엔 공지사항 제목 색상을 바꾸고 싶은데 style.css에서

.bo_notice td a {font-weight:bold} 해당 부분을 .bo_notice td a {font-weight:bold;color:#e8180c} 로

변경해도 적용이 되지 않더라고요

 

반면

.bo_subject a {font-weight:bold} 를 .bo_subject a {font-weight:bold;color:#e8180c} 로

고치니 공지를 포함한 모든 글 제목 색상이 변하고요..ㅠ

공지만 따로 색상 변경 하고 싶은데 어떻게 해야 할까요?

정중히 도움 요청 드립니다.

 

style.css

/* 게시판 목록 공통 */

.bo_fx {margin-bottom:5px;padding:0 10px}

.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

.bo_fx ul {margin:0;padding:0;list-style:none}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}

.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm {display:inline-block;float:right;margin:10px 0}

.btn_bo_adm li {float:left;margin-left:5px}

.btn_bo_adm li:last-child {line-height:30px}

.btn_bo_adm li.btn_align_right{vertical-align:top}

.btn_bo_adm li button, .btn_bo_adm li a {height:33px}

.btn_bo_adm button {padding:0 5px;line-height:30px;border:1px solid #d0d4df;background:#fff;color:#0a0a0b;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-appearance:none}

.bo_notice td {background:#f7f7f7}

.bo_notice td a {font-weight:bold}

.td_num strong {color:#000}

.bo_cate_link {display:inline-block;height:20px;margin-left:5px;padding:0 5px;line-height:16px;border:1px solid #f68931;background:#f68931;color:#fff;font-weight:normal;text-decoration:none;font-size:0.92em} /* 글제목줄 분류스타일 */

.bo_subject {display:block;font-size:1.083em}

.bo_subject a {font-weight:bold}

.bo_subject i {color:#8d96c2;font-size:12px}

.bo_subject .fa-heart {color:#ff0000}

.bo_current {color:#e8180c}

 

 

list.skin.php

            <?php for ($i=0; $i<count($list); $i++) { // 게시글 목록 시작 ?>

            <li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">

                

                <div class="li_status">

                    <?php

                    if ($list[$i]['is_notice']) // 공지사항

                        echo '<strong class="notice_icon">공지</strong>';

                    else if ($wr_id == $list[$i]['wr_id'])

                        echo "<span class=\"bo_current\">열람중</span>";

                    else

                        echo $list[$i]['num'];

                    ?>

                </div>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
스피드S
5년 전

햔재올리신부분은 번호와 공지/열람중 표시되는 부분입니다.

그부분이 아니고 올리신 list.skin.php 아래 쪽에 다음 코드부분을 찾아서

</p>

<p><div class='bo_subject'></p>

<p>

를 아래로 바꿔보세요

</p>

<p><div <?php <code>if ($list[$i]['is_notice']) {  echo"class='</code>bo_notice<code>'";  } else { echo"class='</code>bo_subject<code>'"; } ?>></code></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

공지일때 li에 클래스가 추가가 됩니다

<li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">

.bo_notice {color: #000}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sad4u
5년 전

skin은 li 태그인데 css는 td 태그로 작성되서 아마 class가 적용되지 않는 것처럼 보이네요.

먼저 개발자 도구로 li 태그에 bo_notice 클래스가 적용되는지부터 확인해주시고,

먼저 skin 파일 상단에 스타일을 별도로 적용해보시고 style.css을 수정하세요.

 

li .notice { font-weight:bold;color:#e8180c; }

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인