모바일 메인화면 레이아웃 분류목록 이미지 노출문의드립니다
본문
모바일 화면 메인게시판 레이아웃에 분류목록을 노출시키고 싶은데 어떤 부분을 수정해야 하는걸까여?ㅠㅠ
예] 전국,서울,경기,인천 등등 이렇게 분류를 메인화면 제목앞에 노출시키고 싶습니다..ㅠㅠ
<<이런식으로 게시판눌렀을때 나오는 제목앞에 분류 이미지를 메인화면게시글 앞에서도 노출시키고 싶어서여 ㅠㅠ
답변 5
※ 그누보드5의 모바일 메인 게시판에서 이미지와 같이 분류 아이콘을 제목 앞에 노출시키기 ;
latest.skin.php
와 list.skin.php
파일에 분류명을 출력하는 코드를 추가하고,
해당 부분을 스타일링하여 아이콘처럼 보이도록 해야 합니다.
* 분류명 출력 코드
<?php if ($list[$i]['ca_name']) { ?>
<span class="bo_category"><?php echo $list[$i]['ca_name']; ?></span>
<?php } ?>
* 아이콘 스타일링 CSS를 추가
.bo_category {
display: inline-block;
background-color: #e5f1fb;
color: #0066cc;
padding: 5px 10px;
border-radius: 10px;
font-size: 12px;
margin-right: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
== 아이콘 모양은 첨부하신 이미지와 유사할 겁니다.
♣ 캐시 지우고 페이지 새로고침 하여 적용 확인 ~~
!-->!-->이미지를 노출시키는건 어렵지 않겠지만 카테고리를 이미지로 노출할 이유가 있을까요?
이건 그냥 /bbs/list.php의 카테고리 호출하는 부분에서 이런식으로 하면 가장 쉽고 빠르지 않을까 하여 남겨봅니다.
$category_option .= '<img src="/img/'.$bo_table.'/'.($i+1).'.gif" alt="'.$category.'" class="category-img"> ';
보통 그누보드를 사용하신다면 latest란 함수를 사용합니다.
여기관련 해서 수정은
/mobile/skin/latest/baisc <-- 모바일 기준스킨 위치
여기 경로에서 수정하시면됩니다.
각 제작된 사이마다 상이 하기 떄문에 그누보드 기준으로 안내드렸습니다.
이미지가 큰 경우가 아니라면 base64 코드를 직접 쓸 수도 있습니다.
네가 이해를 잘 못하는것 같네요 ㅎㅎ 캡쳐 화면이라도 보여주시면 답변해 드릴텐데 전 어떤게 목적인지 파악이 안되네요 ㅜㅜ