안녕하세요.
여기서 확장변수 관련한 글이란 글은 모두 검색해 봤지만,
제가 원하는 내용이 없어서, 염치 불구하고 질문을 올려봅니다.
첨부이미지와 같이 게시판에서 확장변수 2가지를 추가했는데,
상단의 제목 input의 스타일처럼 확장변수에도 적용을 해보려했지만,
도무지 먹히지가 않아서요.
개발지식이 거의 없는 상태이다 보니,
여기저기 찾아가면서 작업을 하고 있는데,
확장변수의 스타일을 Extravar.class.php를 건드리지 않고,
변경할 수 있는 방법이 없을지요?
확장변수({$val->getFormHTML()})에 해당하는 게시판의 소스는 아래에 해당하는데요.
<table class="wfs-ex-table" cond="count($extra_keys)" summary="Extra Form"> <!-- {@print_r($extra_keys)} --> <block loop="$extra_keys=>$key,$val"> <tr eid="{$val->eid}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'" enum="extra_vars{$val->idx}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'" eval="{$val->value}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'"> <th scope="row"><block cond="$val->is_required=='Y'">*</block> {$val->name}</th> <td>{$val->getFormHTML()}</td> </tr> </block> </table>
아래 이미지에서 파란색 박스영역의 제목과 같이 적용하고자 합니다.
게시판에서 사용 중인 CSS파일에서 제목 input 등에 적용된 스타일은 아래와 같이 한 상태입니다.
border-width: 0; border: 1px solid transparent; border-bottom: 1px solid #ccc; border-radius: 7px; background-color: #e5f4f6; padding: 0.4rem 0.8rem; line-height: 1.5; height: 3em; font-size: 1em; transition: border ease-in-out 0.2s; -webkit-transition: border ease-in-out 0.2s; -o-transition: border ease-in-out 0.2s;
개발지식이 부족해도 CMS로하면 편하게 만들어 볼 수 있는 줄 알았는데,
뭔가 해보려 할때마다, 난관에 부딪히고 있네요...
고수님들의 도움을 부탁드립니다.
감사합니다~~
그 부분은 확장변수에 따라 달라지므로 해당 디자인을 입힐려면 wfs-ex-table 이라는 클래스를 기준으로 타겟잡으셔서 수정하시면 되요.
단순 올려주신 예시코드가 선택자가 없어서 어떻게 잘못하신지 모르겠지만.
.wfs-ex-table input {
//글로벌한 설정
}
.wfs-ex-table input[type=text] {
// text 버튼일때 따로 적용할 코드
}
등등
이렇게 나눠서 각각에 맞는 css선택자에 맞는지 확인해보세요.
다음부터는 링크와함께 남겨주세요.