웹마스터 팁
게시판모듈 글목록에서 분류명(카테고리)를 이미지로 표현하기
2011.01.06 18:57
매일 도움만 받다가 처음으로 팁을 올립니다.
다른 분들이 비슷한 팁을 올린 것들은 있는데 정확히 이 부분을 설명하신 분이 없어서 올립니다.
글목록에서 분류명을 이미지로 표현하는 방법입니다.
게시판 모듈의 xe_default 스킨의 목록형을 기본으로 설명드리겠습니다.
1. 스킨폴더의 _style.list.html파일을 수정하기
<!--@if($module_info->use_category == "Y" && $document->get('category_srl'))-->
<strong class="category">{$category_list[$document->get('category_srl')]->title}</strong>
<!--@end-->
부분을 찾습니다.
<strong class="category">{$category_list[$document->get('category_srl')]->title}</strong>를
<strong class="category"><img src="./images/{$category_list[$document->get('category_srl')]->category_srl}.jpg" /></strong>
로 수정합니다.
2. category_srl을 확인합니다.
category_srl은 해당 분류의 목록을 클릭했을 때,
주소창에 나오는 숫자입니다.
xe폴더에 xe를 설치했을 경우
"http://도메인/xe/?mid=게시판ID&category=12345"의 형식으로 주소창에 뜨는데,
마지막 숫자가 바로 category_srl입니다.
3. 분류명을 대신할 이미지를 만듭니다.
예를들어 '가나다라'라는 분류의 category_srl이 12345라면
이미지를 만든 후, 12345.jpg로 저장합니다.
여기서 만든 12345.jpg는 이후에 가나다라를 대신해서 출력됩니다.
반드시 category_srl의 숫자와 이미지 파일명이 같아야 합니다
4. 만든 이미지를 게시판 스킨폴더에 업로드합니다.
이미지를 모두 만들었으면
게시판 스킨 폴더의 images폴더에 업로드 합니다.
*이미지크기는 회원정보의 이미지 이름 크기 보다 작게 해주시면 됩니다.
댓글 4
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 글자 움직이는 폭(넓이) 설정 | ZipShin | 2002.10.28 |
희안한 css [투명한 프레임과 투명한 이미지] [10] | ☜*핑♡크*☞ | 2002.10.30 |
[HTML 초보자] 글자 움직이는 높이 설정 | ZipShin | 2002.11.02 |
입력폼 스타일변경... [2] | 디아릭스 | 2002.11.04 |
링크부분에 밑줄을 없애는 방법 [5] | Kinds | 2002.11.04 |
[HTML 초보자] 일정한 방향으로 스크롤하기(마퀴태그) [5] | ZipShin | 2002.11.08 |
[HTML 초보자] 마퀴태그가 한번 반복 후 화면 끝에서 정지 | ZipShin | 2002.11.08 |
[HTML 초보자] 글자가 좌우 왕복하게 만들기. | ZipShin | 2002.11.14 |
〔Tale〕테일이랑 같이 글상자 이쁘게 만들어요 [1] | TaleB˚ | 2002.11.17 |
[HTML 초보자] 글자가 움직이는 스크롤 지연값 -_- | ZipShin | 2002.11.22 |
[HTML 초보자] 움직이는 글자반복횟수를 정하자... | ZipShin | 2002.11.22 |
[HTML 초보자] 글자움직이는 마퀴태그의 응용(Last) [3] | ZipShin | 2002.11.26 |
흐르는 폼 내용 출력 ㅡ,.ㅡγ [9] | ☆밥동자γ | 2002.11.30 |
허접강의 -_-; 소스보기 금지 푸는방법들 [21] | 허진규 | 2002.12.05 |
[HTML 초보자]iframe대신 사용할수있는 오브젝트-1 [8] | ZipShin | 2002.12.06 |
[HTML 초보자]iframe대신 사용할수있는 오브젝트-2 [12] | ZipShin | 2002.12.06 |
[프레임셋] 1024*768.. 800*600 에서도 화면 제대로 보이기... [5] | hooniv | 2002.12.10 |
[HTML 초보자]동영상을 출력하자-1 [6] | ZipShin | 2002.12.11 |
[HTML 초보자]동영상을 출력하자-2 [3] | ZipShin | 2002.12.12 |
[HTML 초보자]동영상을 출력하자-3(높이와 넓이) | ZipShin | 2002.12.16 |