FAQ 디자인 작업시 기본적으로 꼭 알아두셔야 할 내용 3
2009-09-20 08:13:12
조회수 17290

1. 레이아웃 구성

2. 메인화면 구성

3. 세부화면 구성

 

위 3가지를 작업을 마쳤다면 이제 마지막으로 프로그램 관련된 부분을 작업하셔야 할것 입니다.

로그인솔루션에서는 이러한 프로그램관련 소스를 [디자인관리 사이트 디자인 기본 그룹디자인 관리]에서 기본 제공

하고 있습니다.

 

위 기본 그룹디자인에서 [메인 컨텐츠>최근DATA : 게시물]을 클릭하시면 우측에 코드 안내, 사용법안내등이 출력될것입

니다. 우측에 소개된 {PRO_NEW_BOARD_BOARD} 을 원하는 위치에 넣기만하면 자동으로 최근DATA게시물이 출력

되므로 사용이 간편하지만 디자인을 디테일하게 수정할수 없게되므로 추천해드리지 않습니다.


여기서는 상세하게 디자인 수정할수 하드코딩 작업방법에 대햇 알려드리겠습니다.

1. 우선 [메인 컨텐츠>최근DATA : 게시물] 에서 원하는 템플릿을 선택하신후 밑에 [소스보기]를 클릭합니다.

2. 출력된 소스를 전체 복사 하신후 원하는 위치에 붙여 넣어주세요.

3. 아래와 같이 원하는 형태로 수정하시면 됩니다.

<!--출력수 : 반드시 2자리 입력-->
<!--게시판 코드 입력, 대소문자 구분-->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>
// 최근 게시물데이타 출력 부분
var str = '';
var row
var row_idx,url,img_url,subject,comment_cnt,reg_date

var script_new_list_arr = script_new_list.split("∬");
for(var i =0;i<script_new_list_arr.length;i++){
if(!script_new_list_arr[i]) continue;

row = script_new_list_arr[i].split( "∮" );
row_idx = row[0]; //게시물 번호
url = row[1]; //링크 url
img_url = row[2]; //이미지 경로
subject = row[3]; //게시물 제목
comment_cnt = row[4]; // 덧글수
reg_date = row[5]; //작성일

if(comment_cnt > 0){ // 덧글이 있다면
var subject = subject + " <font color=999999>["+comment_cnt+"]</font>";
}

str += "<tr>";
str += "<td width='21'>*</td>";
str += "<td><a href="javascript:content_link_chk('+url+')">"+subject+"</a></td>";
str += "</tr>";

}
document.write(str);
</script>
</table>

 

※ 빨간색은 수정가능한 부분


※ 파란색은 수정할수는 없으며 DATA 값을 가지고 있는 변수

로그인마켓에서 제공하고있는 모든 프로그램은 위와 같이 동일한 방식이므로 한번만 사용해보신다면 이후 쉽게 다룰수 있

을 것입니다.

게시글 검색

 
ns1.loginmarket.com
211.215.17.210
ns2.loginmarket.com
211.215.17.212