조회수에따라 목록의 글자색을 다르게 지정해주고싶은데 전문가의 도움이 절실합니다.
100뷰는 녹색 1000뷰는 빨강 1000뷰는 노랑 이런식으로 관리자가 지정해놓고
제목 제목 제목
해당 뷰되면 굵은폰트로 제목색 변경하고싶은데 어떻게 해야할까요??
|
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
2023-11-27 (월) 04:17:02
그냥 아무런 도움도 안되는 chat gpt 댓글들은 좀 안썼으면...
일단 조회수는 $list[$i]['wr_hit'] 로 불러올수 있습니다.
그누보드 basic 기준으로 list.skin.php 에서
subject 를 찾습니다.
그리고
이렇게 wr_hit 를 채크하여 특정 히트수 이상 분기하여 span 등으로 감싸 주시면됩니다.
답변에 대한 댓글 1개
sinbi홈페이지 이용자 입장에서 말씀드리자면, 글자색 여러가지 정신 사납고 지저분해 보입니다. ㅡㅡ;;
그냥, 조회수순, 추천순으로 정렬해서 보기 기능으로 충분합니다.
답변에 대한 댓글 1개
2023-11-27 (월) 00:22:52
해당관련 소스코드가 없어 정확한 답변은 어려울것 같습니다.
단, 다음과 같은 형식으로 구현은 가능할 것으로 생각합니다.
예제를 참고 하셔서 원하시는 형식으로 구현 하시면 되지 않을까 합니다.
HTML
Copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>조회수에 따른 스타일 변경</title>
</head>
<body>
<div class="post" data-views="100">
<h2>글 제목 1</h2>
</div>
<div class="post" data-views="1000">
<h2>글 제목 2</h2>
</div>
<div class="post" data-views="10000">
<h2>글 제목 3</h2>
</div>
</body>
</html>CSS
Copy
.post {
margin-bottom: 20px;
}
h2 {
font-weight: normal;
}
[data-views="100"] h2 {
color: green;
}
[data-views="1000"] h2 {
color: red;
font-weight: bold;
}
[data-views="10000"] h2 {
color: yellow;
font-weight: bold;
}이렇게 하면 조회수에 따라 글 제목의 색상과 굵은 폰트를 변경하게 되고, data-views 속성을 사용하여 각 글의 조회수를 지정하게 되며, 해당 속성값에 따라 CSS 규칙을 적용되게 할 수 있습니다.
답변을 작성하려면 로그인이 필요합니다.