Skip to end of metadata
Go to start of metadata
  • 페이게이트에서는 총 6가지의 디자인 UI를 CSS 파일을 동적으로 로딩하여 제공하고 있다.
  • 각각의 디자인 선택은 "kindcss"라는 변수로 선택할 수 있으며 선택값은 0, 1, 2, 3, 4, 5, 이다.
  • "kindcss"변수가 선언이 되어 있지 않거나 "kindcss"변수값이 0 거나 1~5 사이의 값이 아니면 디폴트 디자인은 0 번 디자인이 적용된다.
  • 페이게이트 주문서의 디자인이 마음에 들지 않는다면 상점측 디자이너나 프로그래머가 직접 꾸밀수도 있으며 #PGIOscreen의 하위 엘리먼트들을 적용하면 된다.
  • 주문서의 디자인 적용예

...............

<form name="PGIOForm">

...............

<input type="hidden" name="kindcss" value="1">

...............

</form>

...............

 

  • CSS Style이 적용되는 범위

<style>

<!-- 스타일 시트 3 -->

html{}

head{}

#PGIOscreen {

    font-size:11px;

}

#PGIOscreen {

    font-family:verdana;

}

#PGIOscreen {

    color:#665310;

}

#PGIOscreen table {

    border:1px dotted #e9de85;

    border-collapse: collapse;

}

#PGIOscreen textarea {

    border:1px solid #e9de85;

    padding:10px;

    width:97%;

    height:100px;

    background-color:#ffffff;

    color:#665310;

    font-size:11px;

    font-family:verdana;

    scrollbar-face-color: #e9de85;

    scrollbar-shadow-color: #ffffff;

    scrollbar-highlight-color: #F3f3f3;

    scrollbar-3dlight-color: #ffffff;

    scrollbar-darkshadow-color: #F3f3f3;

    scrollbar-track-color: #ffffff;

    scrollbar-arrow-color: #f9f9f9;

}

#PGIOscreen td{

    color:#ad8a0c;

    font-family:arial;

    font-size: 9pt;

    line-height:14px;

    padding-left: 4px;

    padding-right: 4px;

    padding-bottom: 4px;

    padding-top: 4px;

}

#PGIOscreen input {

    border: #D0D0D0 1px solid;

    background-color:#Ffffff;

    font-size:11px;

    height:20px;

    font-family:verdana;

    padding:3px 0 0 3px;

}

#PGIOscreen select {

    font-family:verdana;

    font-size:10pt;

    padding-top:3px;

    cursor: pointer;

    color: #ad8a0c;

    background-color:#FFFFFF;

}

</style>

 

  • No labels