웹마스터 팁
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>
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_01.gif)
그리고 command 메뉴에 가서 Apply CSS Class To Form Elements 를 선택합니다.(fig_02)
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_02.gif)
그럼 다음과 같이 각각에 대한 세부적으로 css를 한꺼번에 적용시킬수 있습니다.실제 적용된 페이지를 보는게
확실히 알수 있겠죠? 직접 한번 실행해보심이 좋을듯하군요 . (fig_03)
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_03.gif)
헉..여기세 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>
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_01.gif)
그리고 command 메뉴에 가서 Apply CSS Class To Form Elements 를 선택합니다.(fig_02)
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_02.gif)
그럼 다음과 같이 각각에 대한 세부적으로 css를 한꺼번에 적용시킬수 있습니다.실제 적용된 페이지를 보는게
확실히 알수 있겠죠? 직접 한번 실행해보심이 좋을듯하군요 . (fig_03)
![](http://poctan.cafe24.com/lec/dreamweaver/css/fig_03.gif)
헉..여기세 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
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 만들기 ① ▶계정 만들기◀ (아름지기님과 다름) [6] | 냠냠 | 2002.03.09 |
프레임 만들기
[6]
![]() | 냠냠 | 2002.03.10 |
아름지기식 홈페이지 만들기4 [14] | 아름지기 | 2002.03.12 |
아름지기식 홈페이지만들기5 [5] | 아름지기 | 2002.03.16 |
두 개의 프레임을 동시에 제어하기
[4]
![]() | (づ_-) 위드 | 2002.03.25 |
엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
드래그하면 바뀌는 마술거울효과 (-_-")v
[16]
![]() | 짱나 | 2002.04.05 |
DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
저기에서 이리로 온 글입니다.
[3]
![]() | 이성영 | 2002.05.07 |
DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |