php 전체 카테고리 가져오기
페이지 정보
본문
[code]
<ul class="tabs1">
<li class="tab-link <?php if($sca == "") {echo "current";}?>" data-tab="tab-" onclick="location.href='<?php echo get_pretty_url($bo_table); ?>';" style="cursor:pointer;">전체</li>
<?
$row = sql_fetch(" SELECT bo_category_list FROM {$g5['board_table']} WHERE bo_table = '$bo_table' ");
$arr = explode("|", $row['bo_category_list']);
for ($j=0; $j<count($arr); $j++) {
?>
<li class="tab-link <?php if($sca == $arr[$j]) {echo "current";}?>" data-tab="tab-<?php echo $j;?>" onclick="location.href='<?php echo get_pretty_url($bo_table); ?>?sca=<?php echo $arr[$j];?>';" style="cursor:pointer;"><?php echo $arr[$j];?>년도</li>
<? } ?>
</ul>
[/code]
- 이전글apache 웹서버 gzip 압축 적용 24.04.23
- 다음글나스 도커 프로젝트 23.10.24
댓글목록
neue님의 댓글
neue 작성일
[code]
/*width:calc(100%/12);*/
ul.tabs1 {margin:0px 0 20px 0;padding: 0px;list-style: none;border-bottom:1px solid #dedede;text-align:center;}
ul.tabs1 li {background: none;color: #888; text-align:center;display: inline-block; padding: 15px 20px 15px 20px; cursor: pointer;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;}
ul.tabs1 li.current {color: #ee3f4a;font-weight: 700;border-radius:0px 0px 0 0;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:1px solid #dedede;border-bottom:1px solid #fff;background-color:#fff;margin-bottom:-1px;}
ul.tabs2 {
margin:20px 0 20px 0;padding: 0px;list-style: none;background-color:#f6f6f6;border-bottom:1px solid #dedede;text-align:center;
background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
}
ul.tabs2 li {width:calc(100%/9);background: none;color: #666; text-align:center;display: inline-block; padding: 20px 10px 15px 10px; cursor: pointer;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;}
ul.tabs2 li.current {color: #000;font-weight: 700;border-radius:5px 5px 0 0;border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:1px solid #dedede;border-bottom:1px solid #fff;background-color:#fff;margin-bottom:-1px;}
.tab-content {display: none;padding: 15px 0;}
.tab-content {opacity:0;}
.tab-content.current{display: inherit;}
@media screen and (max-width:1024px){
ul.tabs1 {margin:0px 0 20px 0;padding: 0px;list-style: none;border-bottom:none;text-align:center;}
ul.tabs1 li {
background: none;color: #888; text-align:center;display: inline-block;padding:7px 10px; cursor: pointer;font-size:12px;font-weight:500;letter-spacing:-0.05em;
word-break:nowrap;
background-color:#f6f6f6;margin-bottom:3px;border:1px solid #f6f6f6;border-radius:3px;
}
ul.tabs1 li.current {color: #ee3f4a;font-weight: 700;border:1px solid #dedede;background-color:#fff;margin-bottom:0px;border-radius:3px;}
}
[/code]