웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드 가입폼에 css쉽게 적용하기
2002.06.26 17:18
가입폼을 일일이 css를 적용시키면서 바꿔본적이 있죠 저 같은 경우도 제로보드의 스타일을 바꾸는데 전체 css를 수작업으로 했었죠 이 익스텐션은 그러한 수작업을 자동화 시킴 스크립트 입니다.
예제파일을 우선 보실려면 http://poctan.cafe24.com/lec/dreamweaver/css/
이에 관련된 피드백은 http://poctan.cafe24.com 에서 하겠습니다~~
스타일 시트 한번에 지정하기(아래는 제로보드 가입폼)
------------------------------------------------------------------
먼저 익스텐션을 설치합니다.CSS STYLE 에서 poctanstyle.css를 다운받아서 import해옵니다.
다운은 http://poctan.cafe24.com/lec/dreamweaver/css/poctanstyle.css
poctanstyle에서는 각각에 black,blue,pink로 색상을 미리 정의해 놓은것입니다.
그러면 Commands에서 Apply CSS Class to Form Elements 메뉴가 활성화 될것입니다. css를 다운받지 않더라도
임의로 자신이 css를 만들어주면 적용이 가능합니다. 다운을 받고 import 시키면 다음과 같이 나옵니다 <fig_01>
그리고 command 메뉴에 가서 Apply CSS Class To Form Elements 를 선택합니다.(fig_02)
그럼 다음과 같이 각각에 대한 세부적으로 css를 한꺼번에 적용시킬수 있습니다.실제 적용된 페이지를 보는게
확실히 알수 있겠죠? 직접 한번 실행해보심이 좋을듯하군요 . (fig_03)
헉..여기세 mxp는 업로드가 안되는군요 어쩔수 없이 링크겁니다
http://poctan.cafe24.com/board/download.php?id=dream_lec&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=5&filenum=2
예제파일을 우선 보실려면 http://poctan.cafe24.com/lec/dreamweaver/css/
이에 관련된 피드백은 http://poctan.cafe24.com 에서 하겠습니다~~
스타일 시트 한번에 지정하기(아래는 제로보드 가입폼)
------------------------------------------------------------------
먼저 익스텐션을 설치합니다.CSS STYLE 에서 poctanstyle.css를 다운받아서 import해옵니다.
다운은 http://poctan.cafe24.com/lec/dreamweaver/css/poctanstyle.css
poctanstyle에서는 각각에 black,blue,pink로 색상을 미리 정의해 놓은것입니다.
그러면 Commands에서 Apply CSS Class to Form Elements 메뉴가 활성화 될것입니다. css를 다운받지 않더라도
임의로 자신이 css를 만들어주면 적용이 가능합니다. 다운을 받고 import 시키면 다음과 같이 나옵니다 <fig_01>
그리고 command 메뉴에 가서 Apply CSS Class To Form Elements 를 선택합니다.(fig_02)
그럼 다음과 같이 각각에 대한 세부적으로 css를 한꺼번에 적용시킬수 있습니다.실제 적용된 페이지를 보는게
확실히 알수 있겠죠? 직접 한번 실행해보심이 좋을듯하군요 . (fig_03)
헉..여기세 mxp는 업로드가 안되는군요 어쩔수 없이 링크겁니다
http://poctan.cafe24.com/board/download.php?id=dream_lec&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=5&filenum=2
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
iframe태그.. HTML문서안에 또하나의 HTML문서.. [9] | 신종은 | 2002.05.09 |
ActiveX control... [4] | ☆봄비ㆀ | 2002.05.11 |
DHTML의 시작 - Form에 대해 (3) - Button, Select 엘리먼트 [1] | Legend | 2002.05.16 |
나왔다 드러갔다하는 메뉴.. [15] | Mr. JH | 2002.05.17 |
테이블 정렬. 상하로 딱 가운데에 맞춰지지 않을때... [2] | :: N.styLE :: | 2002.05.18 |
오늘 시험문제인 카드맞추기 게임..^^ [12] | {동준짱} | 2002.05.18 |
Input, Textarea, Radiobutton, Checkbox등 disabled 옵션. [3] | 카멜롯™ | 2002.05.20 |
▶ 마우스 오른쪽 누르기 막힌거 뚫는법 [25] | ★쿠쿠로 | 2002.05.22 |
MSN.. 추가하기, 채팅하기.. (출처.. 수정) [11] | 하놈 | 2002.06.05 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
웹강의 할떄 소스 보이기 할떄 쓰는 특수문자!! [4] | 류™ | 2002.06.16 |
스크롤바 색상 변경 ...! [6] | 오빠야™ | 2002.06.17 |
Filters and Transitions .... [4] | 점퍼워니 | 2002.06.17 |
이쁜 css 파일1 [1] | HomeBox™ | 2002.06.17 |
[re] 이쁜 css 파일2 [3] | t(T^T)t_Man. | 2005.01.07 |
이쁜 css 파일2 [6] | HomeBox™ | 2002.06.17 |
TEXTAREA 스크롤바 뒤집기 [4] | ZipShin | 2002.06.20 |
메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |