제로보드xe - 총 8시간 47분 / 강의당평균 : 32분56초

제로보드xe

전체 : 8시간 47분 / 강의당평균 : 32분56초

01 XpressEngine 소개와 설치

XpressEngine 설치 후 기본적으로 알아야 할 관리기능에 대해 알아봅니다.

31분

책갈피 : [00:17] 설치 작업을 하기 위해서 알아야 할것 / [01:06] 자동 설치시 문제점 / [01:41] 일반 웹 호스팅 사에서 제공하는걸 이용한 자동설치 / [02:13] 자동설치 끝난후 xe 디렉토리 생성됨 / [02:32] 'xe' 없애고 도메인 자체로 열리게 하는 방법 / [02:40] 모든 디렉토리 앞으로 끄집어내는 방법 / [03:32] FTP 접속 / [03:59] 드래그 했는데 이동이 안되는 경우 / [04:29] 컨텐츠 내용 이전 확인 / [04:41] 파일내용 수정 / [05:44] xe 가 없는 내용으로 대체 / [06:11] Mysql 접속 / [06:32] xe_sites 선택 / [06:57] 도메인 내용 수정 / [07:30] 로그인 후 변경내용 확인 / [08:18] 직접설치방법 / [08:41] 익스프레스 엔진-가장최신파일받기 / [09:45] 압축파일 형식 -tar / [10:09] xe.tar 업로드 / [10:42] Putty 설정 / [11:47] 리모트사이트 / [12:50] 삭제여부 확인 / [13:29] php Myadmin 접속 / [13:31] 데이터베이스 초기화 / [13:58] 압축풀고 설치하기 / [14:35] putty 에서의 붙여넣기 / [15:16] 라이선스 동의 / [15:27] 설치조건 확인 / [16:08] 퍼미션 / [16:45] 파일속성 바꾸기 / [17:20] DB 정보 입력 / [18:03] 관리자 정보 입력 / [18:50] 로그인후 '관리' 메뉴 들어가기 / [19:47] 파비콘 / [20:23] SSL(Securs Sockets Layer) / [21:34] SSL 를 사용함으로 지정했을시 해결방법 / [22:19] XE core의 css, js 파일 / [23:03] SSO(Single Sign on) / [23:35] 인증세션 / [24:09] HTML DTD 설정 / [24:47] FTP 설정 / [25:50] FTP 설정 실습 / [27:47] 확장기능 / [28:45] 쉬운설치 - 프로그램 / [30:20] 설치한 모듈 적용하기

02 XpressEngine 사이트 만들기

XpressEngine 의 추가 기능 설치에 대해서 알아 봅니다.

32분

책갈피 : [00:06] XpressEngine 사이트 만들기 / [00:30] 추가 기능 설치 / [01:02] 웹틀(레이아웃) / [01:26] 레이아웃 스킨 종류 / [02:11] 레이아웃 설치 / [03:19] 레이아웃 설치 예 / [04:03] 레이아웃 생성 확인 / [05:00] 생성된 사이트맵 설명 / [05:59] 사이트 만들기 / [06:02] 메뉴 추가 / [06:28] 브라우저 제목 / [06:56] 모듈 생성 / [07:40] 그룸제한 / [08:00] 저장한 후에 편집 / [09:38] index, url / [10:10] 메뉴추가 / [11:02] 메뉴 순서 이동 추가 / [12:38] 설치된 레이아웃 적용 / [13:19] 메뉴(main menu) / [14:17] 확장기능-설치된모듈 / [15:38] 페이지 수정(스킨) / [16:05] 대상 모듈 사이트 찾기 / [16:51] 글쓰기, 내용입력, 저장 / [17:23] 시작 모듈 / [18:00] 웹포스팅 / [18:56] 작업도중 로그아웃 / [19:50] 확장기능-설치된 모듈 / [20:19] 설치된 레이아웃 꾸밈 유형 / [20:55] 레이아웃 편집 / [21:08] 레이아웃 설정 / [21:28] 컬러셋 / [21:51] 컬러셋 수정 / [22:00] 세로고침 / [22:19] 레이아웃 형태 / [23:04] 레이아웃 배경 / [23:38] 로고이미지(여백, 여백없음) / [24:34] 적용된 로고이미지 확인 / [25:14] 로고 이미지 링크 / [25:44] 본분 상단 제목과 작은 제목 / [26:40] 로고 이외의 내용 넣기 설명 / [27:00] 본문 상단 제목 이미지 / [27:49] 서브메뉴 영역 제목 / [28:46] 서브메뉴 영역 제목 적용 / [29:07] 좌하단 사이트맵 이미지 / [29:30] 좌하단 사이트맵 이미지 링크 / [30:17] 우하단 배너 이미지 / [30:47] 우하단 배너 이미지 링크 / [31:03] 적용된 내용 확인

03 XpressEngine 홈, 메뉴 내용 꾸미기

홈페이지의 위젯 메인을 설정해 주고 게시판을 추가 수정 해 봅시다.

46분

책갈피 : [00:01] 페이지 꾸미기 / [00:43] 상자위젯 추가 / [01:20] 외부/내부 여백 px 지정 / [01:55] 위젯 테두리 / [03:00] 컨텐츠 저장 / [03:28] 여백값 다르게 지정 / [04:21] 위젯 스타일 / [04:36] 컬러셋, 제목, 더보기url 등 설정 / [05:44] 캐시파일 재생성 / [05:57] 페이지관리 / [06:15] 내용 직접 추가 / [07:47] 페이지수정 / [09:18] content 위젯 / [09:52] 추출대상찾기 / [10:21] 탭형태 / [10:48] 목록상세설정 / [11:51] 언어선택 / [12:49] 로그인정보 출력 / [13:47] 상자위젯 추가 / [14:10] 여백설정 / [14:33] 위젯테두리 넣기 / [15:05] 오른쪽에 꽉 차게 위젯 만들기 / [16:03] 내용 직접 추가 / [16:30] 내부여백 설정 / [17:38] 기본 카운터 위젯 추가 / [19:12] 메뉴체계 / [20:35] XE Admin 확인 / [22:03] 확장기능 - 설치된 모듈 / [22:34] foot /sub/ main 분류 방법 / [24:19] 같은모듈 일괄수정 / [25:42] 중복된 모듈 확인방법 / [27:29] 다른 레이아웃 설치 / [28:06] 레이아웃 편집 / [28:45] 상태 업데이트 / [29:20] 캐시파일 재생성/세션정리 / [29:51] 레이아웃 스킨 / [30:38] 설치된레이아웃 확인 / [31:27] 레이아웃 설정 / [32:15] 상단메뉴/슬라이드메뉴/하단메뉴 / [32:32] 레이아웃 일괄 적용 / [33:53] 게시판 만들기 실습 / [34:57] 게시판 상세 생성 / [37:42] 메뉴추가 / [38:02] 모듈선택 / [39:06] 여러개의 게시판 한번에 만들기 / [41:22] 게시판 수정하기 / [42:30] Content 위젯 / [42:56] 추출대상 선택

레이아웃 분석

04 XpressEngine ver.2 CSS완전분석Ⅰ

상단로고, 하단레이아웃, profile메뉴, language메뉴 수정을 통한 레이아웃 완벽이해

29분

책갈피 : [00:57] 강의 조건 / [01:44] 레이아웃 편집 내용 설명 / [02:22] 원격 파일 열기 / [03:04] 내용 확인 / [03:28] css원격 파일 열기 / [03:54] 분석해보기 / [04:18] 내용 찾기 / [05:00] container 확인 / [06:00] 색-블랙 적용상태 확인 / [06:38] 찾기 / [07:40] 컬러셋 / [08:12] 배경을 넣었을 경우 / [08:40] 레이아웃 수정 / [09:21] 레이아웃 변경 확인 / [10:24] 위치 / [10:46] 위치 수정 / [11:35] 상단 하단의 내용 / [12:12] 하단 50px로 바꿔주기 / [13:09] header값 / [14:05] 높이값 수정 확인 / [15:08] 백 그라운드 컬러 넣기 / [16:17] 만들어진 이미지 설명 / [17:17] noMargin / [18:46] 여러파일 찾기 / [19:20] 기본값 / [20:14] 로고 정의 확인 / [20:43] noMargin과 Magin / [21:00] ul / [21:19] 여러 파일에서 찾기 / [21:44] 절대값 / [22:23] 높이 수정 / [23:09] 백그라운드 이미지 / [23:30] 튜닝 / [23:59] 제약조건 / [24:06] 로그아웃 상태 / [24:45] 익스프레스엔진 코딩 / [25:12] 로그인 로그아웃 교체되는 경우 / [25:54] 로그인 이미지 열어서 확인 / [26:45] 웹문서로 확인 / [27:09] 모든 이미지-한장 / [27:34] 이미지 수정 / [28:09] 수정한 이미지 확인

05 XpressEngine ver.2 CSS완전분석Ⅱ

상단메뉴추가, 상단메뉴, 검색바, 본문레이아웃, 서브페이지레이아웃 수정을 통한 레이아웃 완벽이해

33분

책갈피 : [00:01] 상단 메뉴 교체 페이지 / [00:46] 수정 응용방법 알아보기 / [01:26] 레이아웃 편집 / [01:59] 삭제방법 / [02:33] hr/ 찾기 / [03:35] 저장하기전 HTML 미리보기 / [04:30] 새로운 메뉴 추가방법 / [05:04] 수동으로 내용 넣기 / [05:52] 적용하여 확인하기 / [06:26] 한글로 언어를 바꿔주기 / [07:33] 메뉴가 성공적으로 적용되었는지 확인 / [07:52] 메뉴 바 /검색 바 / [08:33] 검색바 바꾸는 법 / [08:50] 검색바 찾기 / [09:21] 코드 불러오기 / [09:59] 사라진 검색바 확인 / [10:26] 검색바 위치 변경 / [11:14] bottom 값 0 으로 한 이유 / [11:30] 테스트 해 봅시다 / [12:21] 메뉴구성 수정 / [12:56] 메뉴간 간격 / [13:46] 상하, 좌우값 변경 / [14:14] 마우스 오버했을때 색상변경 / [14:55] 메뉴바 색상 바꾸기 / [15:29] 공백채우기 / [16:01] 본문내용 위치찾기 / [16:30] body 라는 css 명 / [17:30] 주석처리 / [18:34] 다른내용 추가하기 / [20:23] 소스수정 / [20:35] 레이아웃 추가 / [21:20] css 코딩 / [22:48] 컬러 값 넣기 / [23:51] 본문 / [25:12] 정의한 내용 / [25:59] extension 에 대한 내용찾기 / [26:33] 내용 수정 / [27:22] flat, width, margin / [28:10] content / [28:42] 컨테이너 에 대한 값을 확인해보기 / [29:48] 중간넓이값 확인 / [31:02] 보더값 / [31:58] LNB

06 XpressEngine ver.2 CSS완전분석Ⅲ

UL목록, 우측메뉴, 하단레이아웃, 하단메뉴, XE FaceOff 레이아웃, XE 공식 레이아웃 수정을 통한 레이아웃 완벽이해

32분

책갈피 : [00:05] ul 목록 튜닝 / [00:35] 타이틀 / [00:57] ul리스트 간격 수정 / [01:41] bottom 수정해보기 / [02:02] 컬러 넣기 / [02:36] 하단 내용 / [03:14] 상하 값 변경 / [04:03] border-top 확인하기 / [05:36] border-bottom 변경 / [06:02] sitemap / [06:44] extension 역할찾기 / [07:38] 외부여백 주기 / [08:08] logo 에 대한것 변화주기 / [09:01] logo에 대한 이미지 넓이 / [10:49] 하단메뉴 변경하기 / [11:31] 레이아웃 수정방법 / [12:29] 새로운 레이아웃 가져오는 방법 / [13:21] 사이트맵 / [13:29] 레이아웃 수정 / [14:41] 설치된 레이아웃 / [15:16] 레이아웃 복사해 다른이름을 변경 / [16:24] 해당 디렉토리로 이동 / [16:41] 해당폴더 다운로드 / [16:58] 업로드할 위치 지정 / [17:54] 원격파일 열기 / [18:49] version수정 / [19:42] 변경사항 적용시키기 / [20:39] 하부 메뉴에 적용시키기 / [22:24] 업로드 / [23:07] 새로추가된 내용 수정 / [24:04] css 수정 / [24:18] 레이아웃 설정 / [25:09] 로고 이미지 넣기 / [25:35] default 내용 수정 / [27:05] Ctrl+H 바꾸기 / [27:58] 상단 여백 없애기 / [28:40] 문서 전반에 여백 없애기 / [29:45] 로고 위치 수정방법 / [30:53] 하부내용 여백 변경 / [31:13] 배경이미지(background) 필요

07 XE 공식 레이아웃 CSS완전분석Ⅰ

로고, 검색바, language메뉴, 상단메뉴, 서브메뉴, 선택메뉴 수정을 통한 레이아웃 완벽이해

31분

책갈피 : [00:02] 로고값 수정 / [00:41] 위 아래 여백없이=0 / [01:20] 툴바 위치 수정 / [02:15] 메뉴 내용 수정 / [02:45] 위치 지정해주기 / [03:34] css적용 확인 / [04:10] 글자 색 바꿔주기 / [04:53] vertical / [05:18] border / [05:53] ul / [06:36] div / [07:36] 전체 목록에대한 테두리 / [08:47] none값 / [09:25] 색 지정 / [10:09] padding / [11:19] 공간 넓혀주기 / [12:29] 글자 크기, 정렬, 백그라운드 / [13:09] 수정한뒤 확인 / [14:00] 검색바(forme) / [14:51] 검색바 위치 설정(position) / [15:43] iText / [16:01] 정렬값(relative) / [17:18] 바턴값 / [18:01] 총 합계 / [18:55] 글자 두깨 / [19:17] 테두리 색(border) / [19:54] 마우스&탭으로 설정했을때의 차이 / [20:35] background / [21:07] gnb메뉴 / [22:05] gottom값 / [23:11] 두번째 ul / [23:52] 실습 / [24:25] padding의 정의 / [25:13] boder-top / [26:06] 선택된 값 / [27:03] 링크, 내부여백, 높이값, 컬러값 / [28:38] 높이값 / [29:17] 밑줄 삭제 / [30:01] 이미지 수정 / [30:57] background 이미지

08 XE 공식 레이아웃 CSS완전분석Ⅱ

body, 본문레이아웃, 로그인창, 좌측메뉴 수정을 통한 레이아웃 완벽이해

33분

책갈피 : [00:35] body 구성 확인 / [01:07] padding-bottom / [02:31] lnb / [03:15] lnb h2와 lnb h2 a / [04:04] 높이 조절 / [05:37] 상 하 조절 / [06:30] 넓이값 / [07:17] margin / [08:36] li 에 a가 있다면 / [09:20] 여백을 주는 참고 / [10:43] 이미지 색상 / [11:16] 상대값 position / [12:03] bord값 / [12:48] li 에 ul이 있다면, li에 ,li가 있다면 / [13:16] footer / [14:02] 이미지 내용 교체 / [15:14] 원격 파일 열기 / [16:18] default / [17:21] width값 / [18:09] 이중 효과 / [19:11] 실행시켜 확인하기 / [20:23] 내부 실선 / [21:29] 적용된 내용 설명 / [22:00] 내용 수정 / [23:05] idpw에 존속된 input / [23:37] border color / [24:00] 색상 적용 확인 / [24:15] background color / [25:36] 적용된 bottom확인 / [26:12] input의 대한 넓이 높이 조절 / [27:07] 버튼 외의 예 / [28:10] "로그인 유지" keep 수정 / [28:20] 찾기 / [29:29] keep에 input이 있다면 / [30:08] 적용된것 확인 / [30:56] 나머지 라인 설정 / [31:15] ul에 help가 있다면 / [32:15] 전값 과의 차이

09 XE 공식 레이아웃 CSS완전분석Ⅲ

로그인 후 화면, 좌측 메뉴, 회원가입, 회원정보, 관리자 로그인창 수정을 통한 레이아웃 완벽이해

35분

책갈피 : [00:08] 내용설정 / [01:34] userName 수정 / [02:07] 컬러와 두깨 / [02:56] ul.userMenu / [03:30] 작업을 확인합니다. / [04:05] li목록 / [04:43] li a(링크)가 있다면 / [05:25] 확인 / [06:05] 클릭할 경우 생기는 난관 / [07:23] content / [08:31] 내부 boder가 있을경우 예 / [09:27] 값 수정후 확인 / [10:05] 레이아웃이 어긋날 경우 / [11:31] 적용된 내용 설명 / [11:48] 예 / [12:28] 일괄적인 컬러 지정 / [13:28] bottom컬러 수정 / [14:12] 모두 수정된 경우 / [15:15] margin / [15:51] ul 설명 / [16:32] margin 상, 하 수정 / [17:06] content / [17:47] 테두리 확인 / [18:13] 탭들의 배경 / [18:51] span 설명 / [19:24] 수정된 내용 확인 / [20:07] 컬러 변경 / [20:46] 리스트 맞추기 / [21:14] 폰트 사이즈 확인 / [21:55] 2자리로 바뀜 / [22:08] 적용된 값 / [23:25] xm과 xc / [24:47] CCC확인 / [25:08] font-size / [26:00] 관리자만 접속 가능한 창 / [26:36] #loginAccess / [27:11] #loginAccess 값은 모두 같이 수정 / [27:45] 컬러 변경 / [27:57] margin : auto / [28:36] background / [29:00] line-height / [29:26] border-radiius / [30:14] h1의 제목 / [31:15] #loginAccess 의 ul / [31:41] #loginAccess 의 idpw / [32:30] input의 넓이 높이 설명 / [33:44] border(righr/bottom)

10 XE Sapphire 레이아웃 CSS완전분석Ⅰ

아이디, 비밀번호, 로그인 유지, 로그인창, 로그인버튼, 전반적 레이아웃, header레이아웃, footer레이아웃, 상단로고 수정을 통한 레이아웃 완벽이해

30분

책갈피 : [00:00] #loginAccess / [00:25] width 수정 / [00:31] padding / [01:00] 오른쪽 여백 / [01:57] 로그인 유지 / [02:04] inputCheck / [02:26] margin/padding / [03:05] #loginAccess label / [03:26] css 추가 / [03:55] #loginAccess #warning / [05:01] 로그인 버튼 / [05:18] buttonAccount / [05:49] keeping / [06:39] height/line-height / [06:57] position:absolute / [07:59] buttonAccount input / [09:19] font color / [09:36] cursor:pointer / [11:22] background / [12:13] padding / [12:45] 아이디/비밀번호 찾기 / [12:54] #loginAccess .help li / [13:24] border-left / [14:18] #loginAccess .help a / [14:31] a:hover/active/focus / [15:33] 레이아웃 설치 / [16:10] XE Sapphire 레이아웃 / [17:27] 적용하기 / [18:01] css 위치 / [18:38] body / [19:29] selectLang / [21:03] background url / [21:39] #bodyWrap / [22:17] #header / [22:53] width 값 / [24:01] position:relative / [24:53] #header h1 / [25:32] #header h1 img / [26:15] #header top_area / [27:41] #language / [29:04] margin

11 XE Sapphire 레이아웃 CSS완전분석Ⅱ

language메뉴, 검색바, 상단메뉴, 마우스오버 메뉴 수정을 통한 레이아웃 완벽이해

32분

책갈피 : [00:01] Language / [00:39] padding / [01:36] color 값 / [01:58] '한국어' 메뉴 에 대한 정의 / [02:58] margin 값 / [03:38] padding 내부여백 / [04:58] 이미지 표현하기 / [06:21] background url / [06:59] 목록탭 / [08:28] absolute / [08:56] top 값 / [09:19] width 값 / [09:48] background / [11:08] display:block / [11:46] none 값 / [12:39] text 정의 / [13:32] text 글짜 색상 바꾸기 / [14:04] search / [14:29] height 값 / [15:34] padding-left / [16:55] no-repeat / [17:55] border-radius / [18:29] 웹메뉴 / [19:31] height 값 중복 부분 삭제 / [20:40] ul / [20:50] li / [21:40] background images / [22:04] 구분선 / [23:08] on 값 / [24:22] background 를 none 값으로 처리 / [25:49] color 값 변경 / [26:39] 메뉴 넓이 늘이기 / [27:53] text-decoration / [28:35] sub / [29:29] border / [30:22] clear:both / [31:25] important

12 XE Sapphire 레이아웃 CSS완전분석Ⅲ

본문레이아웃, #contentBody, 좌측메뉴, 서브메뉴, footer메뉴 수정을 통한 레이아웃 완벽이해

33분

책갈피 : [00:00] #contentBody / [00:34] margin / [01:19] background:url / [02:15] #columnLeft / [02:34] 구성 / [02:58] #columnRight / [03:52] #columnRight:after / [04:21] #columnLeft .info / [06:12] #columnLeft .Inb_Glabal / [06:53] #columnLeft .Inb_Glabal h2 / [07:26] no-repeat / [08:02] #columnLeft .Inb_Glabal h2 a / [08:48] line height / [09:42] text-decoration / [09:54] #columnLeft .Inb_Glabal .list / [10:17] #columnLeft .Inb_Glabal .list li / [10:30] #columnLeft .Inb_Glabal .list li a / [11:06] border-bottom / [11:42] #columnLeft .Inb_Glabal .list li a:hover / [13:18] text color / [13:51] #columnLeft .Inb_Glabal .list li ul / [14:15] .sitemap / [14:51] .sitemap ul / [14:56] .sitemap li / [15:39] display:inline-block / [16:42] .sitemap li.last / [16:48] .sitemap .list / [17:15] .sitemap .list dt / [17:38] .sitemap .list dt a / [17:53] .sitemap .list dd / [18:13] #footer / [20:17] #footer li a / [20:28] #footer address / [21:30] XE 기업용 레이아웃 / [22:44] 완료 / [23:06] body / [23:39] #wrap / [24:25] #wrap .top / [26:05] #wrap header / [27:14] .header .logo / [28:35] .header .gnb / [29:27] .gnb li.m1 / [30:30] .gnb li.m_on / [31:43] .gnb a / [32:08] .gnb li.m1 a.m1_a

13 XE 기업용 레이아웃 CSS완전분석Ⅰ

상단메뉴, sign in 버튼, 로그인창, 로그인창 아이콘, 로그인 후 메뉴 수정을 통한 레이아웃 완벽이해

34분

책갈피 : [00:00] 텍스트 컬러 변경 / [00:58] .gnb li.m1 span.m1_span / [01:21] 결과 확인 / [01:45] .gnb .lnb / [01:59] background / [03:10] width / [04:10] .gnb .lnb .s1 / [04:55] background 설정 이유 / [05:04] .gnb .lnb .s1 a / [05:49] display:block / [06:01] .gnb .lnb .s1 a:hover / [06:23] .gnb .lnb .s1 a.a_on / [06:33] 로그인창 / [06:57] css 경로 / [07:11] #login / [07:47] #sign_box / [08:15] #sign_box div.txt / [09:13] #sign_box div.txt span.label / [10:15] #sign_box .sign_state1 / [11:01] #sign_box .sign_state1 span.label / [11:51] #sign_box .signin_window / [13:32] .signin_window div.body / [14:56] .signin_window .mb_input_box / [15:58] .signin_window .m_left / [16:39] .signin_window .input_text / [18:45] .signin_window .input_text input / [21:01] .signin_window .input_text / [21:41] .signin_window .input_text img / [22:32] .signin_window .input_text input / [24:07] .signin_window input / [24:48] .signin_window .btnbar / [25:49] .signin_window .m_left label / [26:31] .signin_window .m_left label input / [29:48] .mbinfo_window div.body ul / [31:20] .mbinfo_window li / [32:03] .mbinfo_window li a / [32:16] .mbinfo_window li.i1~i7 / [32:52] .mbinfo_window div.body .btnbar / [33:30] Sign Out

14 XE 기업용 레이아웃 CSS완전분석Ⅱ

검색바, footer, language메뉴, 상단메뉴, 선택된 메뉴, 마우스오버 메뉴 수정을 통한 레이아웃 완벽이해

33분

책갈피 : [00:17] 검색버튼 수정 / [00:39] 배경이미지 / [01:10] top / [02:42] container / [02:56] margin:0 auto:30 / [03:36] footer / [04:20] footer_p / [04:55] selectLang / [05:47] dt / [06:25] font-size / [07:15] background / [07:26] line-height / [08:03] padding / [08:40] lang Set / [09:34] width 수정 / [09:54] bottom / [10:35] list-style / [11:09] ul li a / [11:50] display:block / [12:03] on / [13:07] 기본적으로 출력되는 상황 / [14:31] default 수정 / [14:55] body / [15:39] body 내용 지워보기 / [16:30] margin-bottom / [17:15] logo / [17:50] top 값 변경 / [18:24] language / [19:04] dt / [19:52] dd / [20:22] 넓이, 높이 변경 / [20:54] background / [22:04] images / [22:43] 아이콘 / [23:37] language ul / [24:24] solid / [25:54] li / li a / [26:36] li 에 a 가 있다면? / [26:43] background 를 none 값으로 한 이유 / [28:31] margim/padding / [30:10] ul 의 핵심가치 / [32:22] on a

15 XE 그레이 스톤 레이아웃 CSS완전분석Ⅰ

상단메뉴, footer메뉴, 좌측메뉴, 로그아웃 상태 레이아웃, 검색바, 로그인창 수정을 통한 레이아웃 완벽이해

34분

책갈피 : [00:03] 메뉴박스 / [01:50] sub / [03:28] clear:both / [03:51] background line / [04:46] background 삭제 / [04:55] color 값 / [05:12] .gnb ul li .sub li a:hover/.gnd ul li a.subon / [05:59] !important / [06:27] .gnb li. last / [07:19] 검생창 / [07:37] contentbody / [07:58] padding-bottom / [08:24] Column Left / [08:35] relative / [09:38] width 값 / [09:59] Column Right / [10:53] #column / [11:08] width 값 수정 / [11:25] padding/bottom / [13:07] info / [13:55] isSearch / [14:36] border / [15:41] background / [16:04] radius / [16:25] #isSearch .iText / [17:17] width 값 / [18:51] background / [19:35] line-height / [20:09] border-radius / [20:41] 파일열기 / [22:10] legend / [22:55] from .login_default / [24:11] .login_default h2 / [25:21] idpw / [26:25] width/padding / [27:13] background색상 / [27:23] margin-bottom / [29:00] form .login_default p.save / [29:38] form .login_default p.save label / [30:15] form .login_default p. save_mod / [30:38] form .login_defau ul. help / [32:44] form .login_defau ul. help li.first-child

16 XE 그레이 스톤 레이아웃 CSS완전분석Ⅱ

Login/out 레이아웃, 본문레이아웃, 서브메뉴, footer, 새 버젼 업데이트 및 다운로드

29분

책갈피 : [00:10] user name 찾기 / [01:18] form .login_default .username .u_name / [02:31] sign out 위치 변경 / [03:21] user manu / [04:05] margin-top / [04:34] 수직정렬 / [05:16] text / [05:37] font size / [06:40] span / [07:44] background / [08:22] margin:0 /height:28 / [09:00] h2 a / [10:06] padding / [10:20] border / [10:38] li / [11:51] li a / [13:42] back ground / [13:53] no-repeat / [14:54] margin / [15:19] 하단에ul 이있다면? / [15:39] list-style:none / [16:20] width 값 / [18:02] margin:0, padding:0 / [18:40] font, margin / [19:18] taxt 색상 변경 / [19:47] Footer 값 / [20:08] padding 값 / [21:38] 하단의 문자셋 수정 / [23:31] 버젼 업데이트 / [23:53] 변경사항만 다운로드 / [24:30] 쉬운설치 XE core / [25:41] tgz file 다운로드 / [26:29] tar 로 파일압축 / [27:31] 업데이트후 확인사항 / [27:41] 캐시파일 재생성 / [28:06] 설치된 레이아웃

샘플확인 : 알지오 검색후 -> 강의검색란 -> 제로보드xe