채택완료
하나게시판 GALLERY게시글 BASIC게시글 둘다 나오게 하는 방법 문의드립니다
아래 사진처럼 갤러리A라는게시판이 있으면 게시판 리스트에 위에는 갤러리게시판 목록이나오고
아래는 일반 BASIC 게시판 처럼 목록이 줄로 나오게끔 하고 싶은데 이런 경우 어떻게 해야하는건가요?ㅠㅠ공부하는 중이라 방법이나 소스코드좀 친절히 알려주실분 없으실까여,,?ㅠㅠ 일반 순정게시판 사용중입니다ㅠㅠ
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
basic/list.skin.php, basic/style.css 두 화일을
list.skin2.php, style2.css 로 이름을 변경하여 갤러리 스킨에 복사해 넣습니다
list.skin.php 맨 마지막에 다음처럼 추가 하세요
<?php include_once("$board_skin_path/list.skin2.php"); ?>
스타일 충돌이 나면 class명, id명을 수정을 좀 하면 될 겁니다
list.skin2.php 상단 add_stylesheet에서 css화일명을 style2.css로 변경
list.skin2.php에서 디자인을 원하는대로 수정해서 사용하면 됩니다
※ list.skin.php
Copy
<?php
// 갤러리 게시판 목록
if ($bo_skin == 'gallery') {
echo '<div class="gallery-section">';
foreach ($list as $item) {
echo '<div class="gallery-item">';
echo '<img src="'.$item['img_src'].'" alt="'.$item['wr_subject'].'">';
echo '<p>'.$item['wr_subject'].'</p>';
echo '</div>';
}
echo '</div>';
}
if ($bo_skin == 'basic') {
echo '<div class="basic-section">';
foreach ($list as $item) {
echo '<div class="basic-item">';
echo '<span>'.$item['wr_subject'].'</span>';
echo '<p>'.$item['wr_content'].'</p>';
echo '</div>';
}
echo '</div>';
}
?>style
Copy
.gallery-section {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
.gallery-item {
text-align: center;
}
.basic-section {
display: flex;
flex-direction: column;
gap: 5px;
}
.basic-item {
border-bottom: 1px solid #ccc;
padding: 10px 0;
}※ Source 와 Style은 조절 하세요 ~
답변을 작성하려면 로그인이 필요합니다.