●-XE_ZERO - ●-XE_ZERO 제로보드 구축정보
![[레벨:9]](./modules/point/icons/default/9.gif "포인트:8844point (98%), 레벨:9/30"){kind=icon}
가브렐| 게시글 원본링크 | http://shx.kr/zbxe/63384 |
|---|
* 각 컬러의 이미지폴더마다 추가되는 이미지가 있습니다.
css/common.css
|
1. 변경 전 (361 행) |
- .EditorInputTag {width:99%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;} /* 태그,확장변수text - 컬러셋 */
.EditorInputTag {width:99%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;} /* 태그,확장변수text - 컬러셋 */
|
1. 변경 후 (361 행) |
- .EditorInputTag {width:90%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 3.5em;} /* 태그 - 컬러셋 */
.EditorInputTag {width:90%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 3.5em;} /* 태그 - 컬러셋 */
|
2. 변경 전 (363 행) |
- .EditorInputTextarea {width:99%;height:100px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em; line-height:150%;} /* 확장변수Textarea */
.EditorInputTextarea {width:99%;height:100px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em; line-height:150%;} /* 확장변수Textarea */
|
2. 변경 후 (363 행) |
- .EditorInputTextarea {width:90%;padding:1px 0 0 3.5em;height:100px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em; line-height:150%;} /* 확장변수Textarea - 컬러셋 */
.EditorInputTextarea {width:90%;padding:1px 0 0 3.5em;height:100px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em; line-height:150%;} /* 확장변수Textarea - 컬러셋 */
|
3. .EditorInputText 코드를 추가합니다. 저는 /* 12-1-2 원본글의 입력창 */ 에 추가했습니다. |
- .EditorInputText {width:90%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 3.5em;} /* 확장변수Text(input) - 컬러셋 */
.EditorInputText {width:90%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 3.5em;} /* 확장변수Text(input) - 컬러셋 */
|
4. .EditorInputHomepage코드를 추가합니다. 저는 /* 12-1-2 원본글의 입력창 */ 에 추가했습니다. |
- .EditorInputHomepage {width:60%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수Homepage(input) - 컬러셋 */
.EditorInputHomepage {width:60%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수Homepage(input) - 컬러셋 */
|
5. .EditorInputEmail 코드를 추가합니다. 저는 /* 12-1-2 원본글의 입력창 */ 에 추가했습니다. |
- .EditorInputEmail {width:60%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수mail(input) - 컬러셋 */
.EditorInputEmail {width:60%;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수mail(input) - 컬러셋 */
|
6. .EditorInputTelExchangeNum 코드를 추가합니다. 저는 /* 12-1-2 원본글의 입력창 */ 에 추가했습니다. |
- .EditorInputTelExchangeNum {width:60px;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수tel국번 - 컬러셋 */
.EditorInputTelExchangeNum {width:60px;height:15px;text-align:left; vertical-align:middle;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:1em;padding:2px 0 0 2em;} /* 확장변수tel국번 - 컬러셋 */
extra_var_form.html
|
3. 변경 전 (16 행) : <!-- 일반 text --> 주석아래에 있는 input의 class 코드변경 |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
|
3. 변경 후 (16 행) |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputText" />
|
4. 변경 전 (20행) : <!-- 홈페이지 주소 --> 주석아래에 있는 input의 class 코드변경 |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
|
4. 변경 후 (20행) |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputHomepage" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputHomepage" />
|
5. 변경 전 (24행) : <!-- Email 주소 --> 주석아래에 있는 input의 class 코드변경 |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputTag" />
|
5. 변경 후 (24행) |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputEmail" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="EditorInputEmail" />
|
6. 변경 전 (28행) : <!-- 전화번호 --> 주석아래에 있는 input의 class 코드변경 (3줄의 input중 첫째줄의 input을 변경합니다.) |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="EditorInputTel" /> -
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="EditorInputTel" /> -
|
6. 변경 후 (28행) |
- <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="EditorInputTelExchangeNum" /> -
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="EditorInputTelExchangeNum" /> -
css/green.css, css/white.css, css/skyblue.css, css/pink.css
(위의 색상지정된 문서명은 아래의 수정소스의 색상과 일치합니다.)
| 1. 각 컬러의 css문서마다 .EditorInputTag 코드의 속성을 수정합니다. 아래는 수정 완료한 내용입니다. |
.EditorInputTag {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/tag.gif) no-repeat 3px .23em;} /* 태그 - 컬러셋 */
.EditorInputTag {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/tag.gif) no-repeat 3px .23em;} /* 태그 - 컬러셋 */
.EditorInputTag {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/tag.gif) no-repeat 3px .23em;} /* 태그 - 컬러셋 */
.EditorInputTag {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/tag.gif) no-repeat 3px .23em;} /* 태그 - 컬러셋 */
| 2. 각 컬러의 css문서마다 .EditorInputTextarea 코드의 속성을 수정합니다. 아래는 수정 완료한 내용입니다. |
.EditorInputTextarea {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/html.gif) no-repeat 3px .23em;} /* 확장변수Textarea - 컬러셋 */
.EditorInputTextarea {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/html.gif) no-repeat 3px .23em;} /* 확장변수Textarea - 컬러셋 */
.EditorInputTextarea {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/html.gif) no-repeat 3px .23em;} /* 확장변수Textarea - 컬러셋 */
.EditorInputTextarea {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/html.gif) no-repeat 3px .23em;} /* 확장변수Textarea - 컬러셋 */
|
3. 각 컬러의 css문서마다 .EditorInputText 코드를 추가합니다. |
.EditorInputText {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/text.gif) no-repeat 3px .23em;} /* 확장변수Text(input) - 컬러셋 */
.EditorInputText {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/text.gif) no-repeat 3px .23em;} /* 확장변수Text(input) - 컬러셋 */
.EditorInputText {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/text.gif) no-repeat 3px .23em;} /* 확장변수Text(input) - 컬러셋 */
.EditorInputText {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/text.gif) no-repeat 3px .23em;} /* 확장변수Text(input) - 컬러셋 */
|
4. 각 컬러의 css문서마다 .EditorInputHomepage 코드를 추가합니다. |
.EditorInputHomepage {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/cohome.gif) no-repeat 3px .25em;} /* 확장변수Homepage(input) - 컬러셋 */
.EditorInputHomepage {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/cohome.gif) no-repeat 3px .25em;} /* 확장변수Homepage(input) - 컬러셋 */
.EditorInputHomepage {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/cohome.gif) no-repeat 3px .25em;} /* 확장변수Homepage(input) - 컬러셋 */
.EditorInputHomepage {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/cohome.gif) no-repeat 3px .25em;} /* 확장변수Homepage(input) - 컬러셋 */
|
5. 각 컬러의 css문서마다 .EditorInputEmail 코드를 추가합니다. |
.EditorInputEmail {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/comail.gif) no-repeat 3px .25em;} /* 확장변수mail(input) - 컬러셋 */
.EditorInputEmail {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/comail.gif) no-repeat 3px .25em;} /* 확장변수mail(input) - 컬러셋 */
.EditorInputEmail {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/comail.gif) no-repeat 3px .25em;} /* 확장변수mail(input) - 컬러셋 */
.EditorInputEmail {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/comail.gif) no-repeat 3px .25em;} /* 확장변수mail(input) - 컬러셋 */
|
6. 각 컬러의 css문서마다 .EditorInputTelExchangeNum 코드를 추가합니다. |
.EditorInputTelExchangeNum {border:1px solid #bedbb3; color:#517451; background:#e6f3e8 url(../images/green/tel.gif) no-repeat 3px .25em;} /* 확장변수tel국번 - 컬러셋 */
.EditorInputTelExchangeNum {border:1px solid #e8c5de; color:#834c74; background:#f8e7f0 url(../images/pink/tel.gif) no-repeat 3px .25em;} /* 확장변수tel국번 - 컬러셋 */
.EditorInputTelExchangeNum {border:1px solid #c5cae8; color:#3d5f82; background:#e6ecf3 url(../images/skyblue/tel.gif) no-repeat 3px .25em;} /* 확장변수tel국번 - 컬러셋 */
.EditorInputTelExchangeNum {border:1px solid #cccfcb; color:#595a5c; background:#e8e9e9 url(../images/white/tel.gif) no-repeat 3px .25em;} /* 확장변수tel국번 - 컬러셋 */
