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

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

QA

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

본문

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

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

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

 

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

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

 

답변을 작성하시기 전에 로그인 해주세요.
전체 61,301
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT