웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
[사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
TEXTAREA 스크롤바 뒤집기 [4] | ZipShin | 2002.06.20 |
이쁜 css 파일2 [6] | HomeBox™ | 2002.06.17 |
[re] 이쁜 css 파일2 [3] | t(T^T)t_Man. | 2005.01.07 |
이쁜 css 파일1 [1] | HomeBox™ | 2002.06.17 |
Filters and Transitions .... [4] | 점퍼워니 | 2002.06.17 |
스크롤바 색상 변경 ...! [6] | 오빠야™ | 2002.06.17 |
웹강의 할떄 소스 보이기 할떄 쓰는 특수문자!! [4] | 류™ | 2002.06.16 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
MSN.. 추가하기, 채팅하기.. (출처.. 수정) [11] | 하놈 | 2002.06.05 |
▶ 마우스 오른쪽 누르기 막힌거 뚫는법 [25] | ★쿠쿠로 | 2002.05.22 |
Input, Textarea, Radiobutton, Checkbox등 disabled 옵션. [3] | 카멜롯™ | 2002.05.20 |