테스트 사이트 - 개발 중인 베타 버전입니다

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

얌똥이 1년 전 조회 1,256

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

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

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

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
glitter0gim
1년 전

※ 그누보드5의 모바일 메인 게시판에서 이미지와 같이 분류 아이콘을 제목 앞에 노출시키기 ;

latest.skin.php 와 list.skin.php 파일에 분류명을 출력하는 코드를 추가하고,

해당 부분을 스타일링하여 아이콘처럼 보이도록 해야 합니다.

 

* 분류명 출력 코드 

</p>

<p><?php if ($list[$i]['ca_name']) { ?>

    <span class="bo_category"><?php echo $list[$i]['ca_name']; ?></span>

<?php } ?>
-분류명이 설정된 경우, 분류명을 제목 앞에 출력

 

* 아이콘 스타일링 CSS를 추가 

</p>

<p>.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);

}
-약한 그림자와 모서라 부드럽게 표시되는 스타일

== 아이콘 모양은 첨부하신 이미지와 유사할 겁니다.

 

♣ 캐시 지우고 페이지 새로고침 하여 적용 확인 ~~

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

얌똥이
1년 전
감사합니다! 적용하니깐 바로적용되네요! 답변해주셔서 감사합니다! 복받으실거에여!

댓글을 작성하려면 로그인이 필요합니다.

그레이코드82

네가 이해를 잘 못하는것 같네요 ㅎㅎ 캡쳐 화면이라도 보여주시면 답변해 드릴텐데 전 어떤게 목적인지 파악이 안되네요 ㅜㅜ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이미지가 큰 경우가 아니라면 base64 코드를 직접 쓸 수도 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

복스리
1년 전

보통 그누보드를 사용하신다면 latest란 함수를 사용합니다.

여기관련 해서 수정은 

 

/mobile/skin/latest/baisc   <-- 모바일 기준스킨 위치

 

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

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

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

그레이코드82

이미지를 노출시키는건 어렵지 않겠지만 카테고리를 이미지로 노출할 이유가 있을까요?

이건 그냥 /bbs/list.php의 카테고리 호출하는 부분에서 이런식으로 하면 가장 쉽고 빠르지 않을까 하여 남겨봅니다.

 

 

$category_option .= '<img src="/img/'.$bo_table.'/'.($i+1).'.gif" alt="'.$category.'" class="category-img"> ';

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

얌똥이
1년 전
이미지를 호출할려는게 아니고 자체적으로 그누보드 분류목록에 있는 저 분류아이콘을 메인화면 최신글 에도 노출시키고 싶어서여 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인