웹마스터 팁
게시판모듈 글목록에서 분류명(카테고리)를 이미지로 표현하기
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
-
xemall
2011.01.06 21:32
-
때린데 또때려
2011.01.07 08:01
촣은 팁입니다. 감사합니다.
-
착한악마
2011.01.12 21:13
감사합니다 좋은팁입니다..^^
-
imgXE™
2011.02.22 12:28
감사합니다... 꼭 후에라도 필요한 팁입니다... 스크랩 ㄱㄱ..
제목 | 글쓴이 | 날짜 |
---|---|---|
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
ZipShin님 버튼 기능추가...누르면 링크가 됩니다...^^; [1] | 김희성 | 2003.01.05 |
다중 테이블?? [7] | hooniv | 2003.01.03 |
[HTML 초보자]동영상을 출력하자-7(Object) [2] | ZipShin | 2003.01.03 |
테이블 테두리 (맨 겉부분만 나오게 하기) [13] | 서성원 | 2003.01.02 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |
이쁜 버튼 꾸미기 [5] | ZipShin | 2003.01.01 |
새창안돼 -_- [5] | 란즈 | 2002.12.27 |
한번의 클릭으로 두 개의 프레임 바꾸기. [7] | 연(延) | 2002.12.25 |
[re] 한번의 클릭으로 두 개의 프레임 바꾸기. [1] | 루비 | 2002.12.26 |
마우스 룰 오버시 여러가지 로 그림이 변하게 하기. [5] | ▩윤미 | 2002.12.23 |
웹문서 작성 팁!!! [4] | 공돌이 | 2002.12.21 |
[HTML 초보자] 테이블 태그(보충1) [3] | ZipShin | 2002.12.21 |
필드셋 응용;;; | teslaMINT | 2002.12.21 |
[HTML 초보자]동영상을 출력하자-6(Object) [1] | ZipShin | 2002.12.19 |
[HTML 초보자]동영상을 출력하자-5 | ZipShin | 2002.12.18 |
[HTML 기초] 1. 서식 관련 태그 | 뽀유♡ | 2002.12.17 |
[HTML 초보자]동영상을 출력하자-4 | ZipShin | 2002.12.17 |
[HTML 초보자]동영상을 출력하자-3(높이와 넓이) | ZipShin | 2002.12.16 |
좋은 팁입니다. 추천합니다.
헉 추천기능이 어디갓는지 없네요;