답변 3개
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에서 디자인을 원하는대로 수정해서 사용하면 됩니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
어떤용도인지는 몰르겟으나 좋은 생각아닙니다. 차라리 멀티 를 적용하시기 바랍니다. 리스트형 웹형 웹진형 등으로 요.,
만약에 한페이지에서 이를 보고자한다면 기본베이직 리스트 페이지에서 상단에 겔러리형 latest 스킨을 호출을 하시기 바랍니다.
댓글을 작성하려면 로그인이 필요합니다.
※ list.skin.php
<?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
.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은 조절 하세요 ~
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인