CMS매뉴얼 27.전송폼 디자인 편집
2012-02-27 13:47:37

27. 전송폼 디자인 편집

전송폼 디자인 편집화면은 나만의 전송폼을 홈페이지에 나타내기 위해서 디자인을 설정하는 부분입니다. 나만의 폼 디자인은 앞에서 만든 나만의 전송폼에 전체적인 디자인을 설정하는 부분이며, 전송폼 화면 디자인 편집은 앞에서 만든 컬럼 항목들을 디자인 하는 부분입니다.

나만의 폼 디자인 설정은 [디자인관리》고급 디자인 관리》메인 화면 디자인]에 추가된 상단, 왼쪽, 하단 디자인을 선택할 수 있습니다.

EMB000011a03d0d src

전송폼 화면디자인을 수정하는 방법에 대해서 살펴보도록 하겠습니다.

EMB000011a03d0e src

? 현재 페이지(/shop_contents/myreg_form.htm?myreg_code=form1)에 접근할 수 있는 권한을 설정합니다. 설정이 없을 경우에는 외부에서 페이지를 볼 수 없습니다.

? 샘플디자인은 앞서 만든 컬럼 항목들을 자동으로 기본디자인을 생성하는 기능입니다. 기본디자인을 선택하고 오른쪽의 샘플디자인 소스 가져오기를 클릭하면 자동으로 소스가 입력됩니다.

EMB000011a03d0f src

? 입력창에 자동으로 소스가 입력되었습니다. 이 소스를 필요에 따라 수정할 수 있습니다.

? 최종적으로 소스입력이 완료되어 확인버튼을 클릭하면 나만의 전송폼이 완료됩니다. 아래 그림은 나만의 전송폼이 완료된 후의 홈페이지 출력화면입니다.

EMB000011a03d10 src

? 제휴안내 본문타이틀은 기본 페이지 수정하기> 이용약관 수정하기에서배운 본문타이틀 소스를 이용합니다. 아래“변경 전 본문타이틀 소스“와“변경 후 본문타이틀 소스“를 이용하여 본문타이틀을 수정하고 이미지를 [디자인관리 》웹디자인 FTP ]에서 sub_company폴더에 업로드 합니다.

변경 전 본문타이틀 소스

<!--본문타이틀 시작-->

<table width="767" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td>

<td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/ucomm01/design/main/bottom_title1.jpg"></td>

<td align="right">HOME | 사이트이용약관</td>

</tr>

</table></td>

<td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td>

</tr>

</table>

<!--본문타이틀 종료-->

변경 후 본문타이틀 소스

<!--본문타이틀 시작-->

<table width="767" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="19"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid1.gif" width="19" height="52"></td>

<td background="/img_up/shop_pds/ucomm01/design/sub/sub1_mid_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/ucomm01/design/sub/sub_form_title.gif"></td>

<td align="right">HOME | 제휴문의</td>

</tr>

</table></td>

<td width="20"><img src="/img_up/shop_pds/ucomm01/design/sub/sub1_mid2.gif" width="20" height="52"></td>

</tr>

</table>

<!--본문타이틀 종료-->

? ?에서 수정한“변경 후 본문타이틀 소스“를 [부가기능 》전송폼 관련》나만의 전송폼 관리]의 “디자인 수정“버튼을 클릭해 소스의 제일 위에 삽입하고, 확인 버튼을 클릭합니다.

EMB000011a03d11 src

제휴문의가 출력되는 모습은 아래와 같습니다.

EMB000011a03d12 src