모바일 메인화면 레이아웃 분류목록 이미지 노출문의드립니다

모바일 메인화면 레이아웃 분류목록 이미지 노출문의드립니다

QA

모바일 메인화면 레이아웃 분류목록 이미지 노출문의드립니다

답변 5

본문

모바일 화면 메인게시판 레이아웃에 분류목록을 노출시키고 싶은데 어떤 부분을 수정해야 하는걸까여?ㅠㅠ

예] 전국,서울,경기,인천 등등 이렇게 분류를 메인화면 제목앞에 노출시키고 싶습니다..ㅠㅠ

1949121592_1728723212.1345.jpg    <<이런식으로 게시판눌렀을때 나오는 제목앞에 분류 이미지를 메인화면게시글 앞에서도 노출시키고 싶어서여 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 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   <-- 모바일 기준스킨 위치

 

여기 경로에서 수정하시면됩니다.

각 제작된 사이마다 상이 하기 떄문에 그누보드 기준으로 안내드렸습니다.

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 61,349
© SIRSOFT
현재 페이지 제일 처음으로