그누보드 - 게시판관리 행 및 열 호버

게시판관리 행 및 열 호버 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

게시판관리 행 및 열 호버 정보

레이아웃 게시판관리 행 및 열 호버

첨부파일

게시판관리 행 및 열 호버.zip (3.7K) 5회 다운로드 2024-04-30 19:02:23

테스트한 버전5.5.16

호환 가능 버전5.4

본문

/adm/board_list.php 변경사항

57line css 추가


<style>
.tbl_head0_hover {}
.tbl_head0_hover table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head0_hover thead th {background:#6f809a;color:#fff;border:1px solid #60718b;font-weight:normal;text-align:center;padding:8px 5px;font-size:0.92em}
.tbl_head0_hover thead th a{color:#fff}
.tbl_head0_hover thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head0_hover thead a {color:#383838;text-decoration:underline}
.tbl_head0_hover tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head0_hover tbody td{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head0_hover tbody td .frm_input{width:100%;}
.tbl_head0_hover tbody td select{width:100%}
.tbl_head0_hover table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head0_hover table select {height: 27px;line-height: 25px;width: 100%;}
.tbl_head0_hover table select, .tbl_head0_hover table input[type="text"] {
    background-color: transparent !important; /* 배경색 투명하게 처리 */
}
:root {
    --hover: transparent;
    --row-hover: transparent;
}
body:has([name="rowHover"]:checked) tbody tr:hover {
    --hover: hsla(240, 95%, 80%, 1);
    --row-hover: hsla(50, 95%, 60%, 1);
}
body:has([name="columnHover"]:checked) {
        --hover: hsla(50, 95%, 60%, 1);
}
tr:hover {
    background: var(--row-hover);
}
<?php for ($i = 1; $i <= ($rows+1); $i++) { ?>
table:has(td:nth-child(<?php echo $i;?>):hover, th:nth-child(<?php echo $i;?>):hover) {
    & tbody td:nth-child(<?php echo $i;?>) {
        background: var(--hover);
    }
}
<?php } ?>
</style>

검색대상 아래 코드 추가


<div class="local_desc01 local_desc">
    <p>Row & column hover</p>
    <label>Row hover: <input type="checkbox" name="rowHover" /></label>
    <label>Column hover: <input type="checkbox" name="columnHover" /></label>
</div>

게시판관리 목록 배경색(css)
기존


<div class="tbl_head01 tbl_wrap">
    <table>

변경


<div class="tbl_head0_hover tbl_wrap">
    <table class="columnHover">

기존 배경색 처리관련 주석처리


<?php
for ($i = 0; $row = sql_fetch_array($result); $i++) {
    $one_update = '<a href="./board_form.php?w=u&bo_table=' . $row['bo_table'] . '&' . $qstr . '" class="btn btn_03">수정</a>';
    $one_copy = '<a href="./board_copy.php?bo_table=' . $row['bo_table'] . '" class="board_copy btn btn_02" target="win_board_copy">복사</a>';
    //$bg = 'bg' . ($i % 2);
?>